問題描述

想要實(shí)現(xiàn)的是折疊菜單，但是slidetoggle 只能單擊才能收起來(lái)，我要的是單擊別的選項(xiàng)，已經(jīng)展開的自動(dòng)折疊，請(qǐng)問怎么修改？代碼如下： $('> li', this).each(function () {

$(this).bind('click', function () {if($(this).hasClass(’active’)){ //$('.inner ol').hide(); //$(this).siblings('ol').slideToggle(settings.speed); $(this).next('ol').slideToggle(settings.speed); $(this).removeClass(’active’);}else{ $(this).siblings(’li’).removeClass(’active’); //$('.inner ol').hide(); $(this).addClass(’active’) $(this).next('ol').slideToggle(settings.speed);} });});//默認(rèn)折疊$('> ol', this).hide();

問題解答

$(this).siblings().slideUp()

思路如下：

1.單擊當(dāng)前菜單的時(shí)候，記錄下來(lái)，先把所有打開的菜單全部關(guān)閉，最后再把自己開啟

$('.menu .menu-header').on('click',function(){ var toggleTarget=$(this); //先把其他得關(guān)掉 $('.menu .menu-content').removeClass('active'); $(this).find('.menu-content').addclass('active'); })

以上代碼只是一個(gè)演示例子，大概思路捋捋，看看行不

網(wǎng)上查詢了下資料，原來(lái)有個(gè)slideup()函數(shù)，用他替換hide()即可，感謝！ $('> li', this).each(function () {

$(this).bind('click', function () {if($(this).hasClass(’active’)){ $('.inner ol').slideUp(’500’); $(this).removeClass(’active’);}else{ $(this).siblings(’li’).removeClass(’active’); $('.inner ol').slideUp(’500’); $(this).addClass(’active’) $(this).next('ol').slideToggle(settings.speed);} });});//默認(rèn)折疊$('> ol', this).hide();