.net - 运行脚本切换后显示在 div 悬停时停止工作

Question

我试图让一个 divlolcake出现在另一个panel_toggle1div 中：

• 当鼠标悬停在另一个 div 上时panel_toggle1

• 或在每次点击时打开和关闭panel_toggle1点击

http://jsfiddle.net/Fa7Ct/

悬停工作正常，但是当我单击panel_toggle1并返回时，悬停停止工作。这是为什么？

[EDITED] 脚本（注意：从该脚本中删除了一些代码以使其更易于阅读 - 是的，问题仍然存在）：

$(document).ready(function () {
    var toggle_height1 = false;
    $("#panel_toggle1").click(function () {

        toggle_height1 = !toggle_height1;

        if (toggle_height1 == true) {
            $('.lolcake').css("display", "block");
        } else {
            $('.lolcake').css("display", "none");
        }
    });
});

工作CSS：

.lolcake
{
    display: none;
}

#panel_toggle1:hover .lolcake
{
    display: block;
}

（如果需要）aspx

<!-- GAME1 PANEL TOGGLE -->
    <div id="panel_toggle1">
        <div class="lolcake" style="position:absolute">text</div><img src="images/image.png" alt=""/>
    </div>

我使用过其他功能，例如toggle()and show() hide()，但都具有相同的效果。

Answer 1

将此添加到您的CSS

#panel_toggle1:hover .lolcake
{
display: block !important;
}