javascript - JS 滑块菜单切换问题

Question

我有一个问答侧边菜单，可以点击它来显示答案。当您单击每个问题时，会显示答案并关闭另一个答案。我还希望能够重新单击活动问题以关闭答案。我会很感激任何人可以提供的任何帮助/建议？

这是我目前拥有的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>