JS滑動菜單切換問題

Question

我有一個Q & sider菜單，可以點擊顯示答案。當你點擊每個問題時，答案就會顯示出來，而另一個答案就會關閉。我還希望能夠重新點擊活動問題來結束答案。我很感激任何人可以提供的幫助/建議？

這裏的JS我目前有：

<script> 
$(document).ready(function() { 
$('#question > li > a').click(function(){ 
    if ($(this).attr('class') != 'active'){ 
    $('#question li ul').slideUp(); 
    $(this).next().slideToggle(); 
    $('#question li a').removeClass('active'); 
    $(this).addClass('active'); 
} 
}); 
}); 
</script> 

謝謝！

Answer 1

你可以做到這一點else語句：

<script> 
$(document).ready(function() { 
$('#question > li > a').click(function(){ 

    if (!$(this).hasClass('active')){ 
    $('#question li ul').slideUp(); 
    $(this).next().slideToggle(); 
    $('#question li a').removeClass('active'); 
    $(this).addClass('active'); 
} 
else{ 
    $(this).slideUp(); 
    $(this).removeClass('active'); 

} 
}); 
}); 
</script>