कैसे jquery में 2 वर्गों के बीच में टॉगल करने के लिए?




html css (2)

एक टॉगल फ़ंक्शन है जो आपके लिए बॉक्स के बाहर करता है:

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

दस्तावेज़ toggle :

वर्णन: मिलान किए गए तत्वों को प्रदर्शित या छुपाएं

मेरे पास 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;
}

कोई विचार?

धन्यवाद


$(".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");
    });
});




toggleclass