垂直手風琴菜單重置點擊激活狀態

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'); 
    } 

});