javascript - JS slider 菜单切换问题

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>