[JavaScript] jQuery实现的简单手风琴效果代码 →→→→→进入此内容的聊天室

来自 , 2019-08-29, 写在 JavaScript, 查看 99 次.
URL http://www.code666.cn/view/7a9e5de9
  1. // accordion
  2. $('.accordion-container').hide();
  3. $('.accordion-trigger:first').addClass('active').next().show();
  4. $('.accordion-trigger').click(function(){
  5.         if( $(this).next().is(':hidden') ) {
  6.                 $('.accordion-trigger').removeClass('active').next().slideUp();
  7.                 $(this).toggleClass('active').next().slideDown();               }
  8.         return false;
  9. });
  10.  
  11.  
  12. // usage
  13. <h2 class="accordion-trigger custom2"><a href="#">Item 1</a></h2>
  14. <div class="accordion-container">
  15.     <div class="block">
  16.         <p>Eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
  17.     </div>
  18. </div>
  19.  
  20. <h2 class="accordion-trigger custom2"><a href="#">Item 2</a></h2>
  21. <div class="accordion-container">
  22.     <div class="block">
  23.         <p>Pellentesque habitant, sagittis tempus lacus enim ac dui. </p>
  24.     </div>
  25. </div>
  26. //javascript/3900

回复 "jQuery实现的简单手风琴效果代码"

这儿你可以回复上面这条便签

captcha