0

lolcakedivを別の div に表示しようとしていpanel_toggle1ます:

  • マウスが別のdivの上に置かれたときpanel_toggle1

  • panel_toggle1または、クリックごとにオンとオフを切り替えます

http://jsfiddle.net/Fa7Ct/

ホバーは正常に機能しますが、クリックしてpanel_toggle1戻ると、ホバーが機能しなくなります。何故ですか？

[編集済み]スクリプト（注：読みやすくするために、このスクリプトから一部のコードが削除されています-はい、問題はまだ発生しています）：

$(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()や などの他の関数を使用しましshow() hide()たが、すべて同じ効果があります。

4

1 に答える 1

0

これをcssに追加します

#panel_toggle1:hover .lolcake
{
display: block !important;
}
于 2013-03-31T09:34:21.120 に答える