首页>>Jquery图片>>响应式全屏手风琴菜单,同时支持垂直方向(2025-03-25)

响应式全屏手风琴菜单,同时支持垂直方向

响应式全屏手风琴菜单,同时支持垂直方向
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class='accrodion-group'>  
  2.   <div class='1-accordion' >  
  3.   </div>  
  4.   <div class='2-accordion' >  
  5.   </div>  
  6. </div>  

 

JavaScript Code
  1. <script>  
  2. $(document).ready(function() {  
  3.   $('[class*="-accordion"]').not(':first').parents('.accordion-DIV').hide();  
  4.   $('.btn-group > button').on('click',  function(event) {  
  5.     event.preventDefault();  
  6.     var _index_ = $(this).index();  
  7.     $('[class*="-accordion"]').eq(_index_).parents('.accordion-DIV').show().siblings().hide();  
  8.   });  
  9. });  
  10.   $('.1-accordion').accordion({  
  11.     "imageObj": horiObj.imageObj,  
  12.     animateWidth  : 500  
  13.   });  
  14.   
  15.   $('.2-accordion').accordion({  
  16.     "imageObj" : varObj.imageObj,  
  17.     "arrangement" : "verticality",  
  18.     "defaultHeight" : 60  
  19.   });  
  20.   
  21.   
  22.     
  23.   
  24. </script>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_955.html