1

toggleClass正しく動作しないようですが、問題が発生します。show画像はとの間で変化するはずhideです。に変わりますhideが、戻ることはありません

これが私のといくつかのコードです:

<div class="top_menu_hidden" style="display: none; ">testing</div>
<div class="show_menu"></div>

$('.show_menu').on('click', function(){
        $('.top_menu_hidden').stop().slideToggle('normal', function(){
            $(".show_menu").toggleClass("hide_menu show_menu");
        });
});​

.show_menu{
    background: url("http://placehold.it/150&text=show") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 150px;
}
.hide_menu{
    background: url("http://placehold.it/150&text=hide") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 150px;
}

何か案は?

ありがとう

4

2 に答える 2

5
$(".show_menu, .hide_menu").toggleClass("hide_menu show_menu");

デモ

完全なコード

$('.show_menu').on('click', function() {
    $('.top_menu_hidden').stop().slideToggle('normal', function() {
        $(".show_menu, .hide_menu").toggleClass("hide_menu show_menu");
    });
});
于 2012-06-20T16:34:54.673 に答える
4

箱から出してすぐにそれを行うトグル機能があります:

$(".show_menu").toggle();

toggleドキュメント:

説明:一致した要素を表示または非表示にします。

于 2012-06-20T16:35:23.207 に答える