javascript - slideToggle實現折疊選單效果，但是怎麼實現點擊這個選項展開，其他選項自動折疊呢？-PHP中文網路問答

文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - slideToggle實現折疊選單效果，但是怎麼實現點擊這個選項展開，其他選項自動折疊呢？

某草草 2017-07-05 11:06:06

873

想要實現的是折疊選單，但是slidetoggle 只能點擊才能收起來，我要的是點擊別的選項，已經展開的自動折疊，請問怎麼修改？
程式碼如下：
$("> 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); } }); }); //默认折叠 $("> ol", this).hide();

某草草

全部回覆 (3)

漂亮男人2017-07-05 11:08:06 3樓

雷雷

點贊+0

新增回覆

ringa_lee2017-07-05 11:08:06 2樓

思路如下：

1.點選目前選單的時候，記錄下來，先把所有開啟的選單全部關閉，最後再把自己開啟

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

以上程式碼只是一個示範例子，大概思路捋捋，看看行不

點贊+0

新增回覆

Peter_Zhu2017-07-05 11:08:06 1樓

網上查詢了下資料，原來有個slideup()函數，用他替換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); } }); }); //默认折叠 $("> ol", this).hide();

點贊+0

新增回覆