垂直手风琴菜单重置点击激活状态

Question

$(document).ready(function() { 

    var accordion_head = $('.accordion > li > a'), 
     accordion_body = $('.accordion li > .sub-menu'); 

    /* accordion_head.first().addClass('active').next().slideDown('normal'); */ 

    accordion_head.on('click', function(event) { 

     event.preventDefault(); 

     if ($(this).attr('class') != 'active'){ 
      accordion_body.slideUp('normal'); 
      $(this).next().stop(true,true).slideToggle('normal'); 
      accordion_head.removeClass('active'); 
      $(this).addClass('active'); 
     } 

    }); 

}); 

我已经尝试了一些尝试@越来越活跃手风琴头收上点击，但不能似乎提前 去解决它:(

感谢史蒂芬

$(document).ready(function() { 

    var accordion_head = $('.accordion > li > a'), 
     accordion_body = $('.accordion li > .sub-menu'); 

    /* accordion_head.first().addClass('active').next().slideDown('normal'); */ 

    accordion_head.on('click', function(event) { 

     event.preventDefault(); 

     if ($(this).attr('class') != 'active'){ 
      accordion_body.slideUp('normal'); 
      $(this).next().stop(true,true).slideToggle('normal'); 
      accordion_head.removeClass('active'); 
      $(this).addClass('active'); 
     } else { 
      accordion_body.slideUp('normal'); 
      accordion_head.removeClass('active'); 
     } 

    }); 

}); 

一段时间搜索并没有被任何类型的JavaScript的声音后，我终于想通了，这是一个工作版本:)像我偷看:)享受

Answer 1

看来您是accordion_head这一行清除活性类：

accordion_head.removeClass('active'); 

，然后用这条线添加回去之后立即：

$(this).addClass('active'); 

我怀疑你不想重新添加活跃的课堂？

尝试：

accordion_head.on（ '点击'，函数（事件）{

event.preventDefault(); 

    if ($(this).attr('class') != 'active'){ 
     accordion_body.slideUp('normal'); 
     $(this).next().stop(true,true).slideToggle('normal'); 
     $(this).addClass('active'); 
    } 
    else { 
     // Other code that applies when accordion_head is not active 
     accordion_head.removeClass('active'); 
    } 

});