JS滑块菜单切换问题

Question

我有一个Q＆amp; A 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>