Indexhibit手风琴菜单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Indexhibit手风琴菜单相关的知识,希望对你有一定的参考价值。

to make use of this snippet you have to update the jquery.js file in your ndxz-studio/site/js folder to a new version.
  1. <script type='text/javascript'>
  2.  
  3. $(function() {
  4. /* Accordion Menu for Indexhibit uses jquery
  5.  *
  6.  * Created by G470 Jul 2011
  7. */
  8.  
  9. /*** first hide all sub Elements ***/
  10. $aswt = $("#menu .container ul li.section-title");
  11. $aswt.nextAll().hide();
  12. /*** cursor for the section title ***/
  13. $aswt.css({'cursor':'pointer'});
  14. /*** remove the next line if you don't want to show active menu by default ***/
  15. $('#menu .container ul li.active').parent().children().show();
  16. /*** click function for section title ***/
  17. $aswt.click(function(){
  18. if($(this).next().is(':visible')){$aswt.nextAll().hide(500);
  19. }else{
  20. $aswt.nextAll().hide(500);
  21. $(this).nextAll().slideToggle(500);
  22. };
  23. });
  24. });
  25.  
  26. </script>

以上是关于Indexhibit手风琴菜单的主要内容,如果未能解决你的问题,请参考以下文章

将Indexhibit菜单加载到wordpress站点

js 手风琴菜单折叠要用到列表浮动吗

如何通过在 cookie 中保存位置来制作手风琴菜单(包含代码)

jQuery+Bootstrap手风琴折叠菜单代码

如何在 ionic 4 中创建手风琴式侧边菜单

手风琴菜单层级菜单置顶菜单无缝滚动的制作