如何在jquery中的两个类之间切换?

前端之家收集整理的这篇文章主要介绍了如何在jquery中的两个类之间切换?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题做toggleClass它似乎没有正常工作.图像应该在显示和隐藏之间变化.它确实改变了隐藏,但没有回来

这是我的example和一些代码

<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;
}

有任何想法吗?

谢谢

解决方法

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

DEMO

完整代码

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

猜你在找的jQuery相关文章