Jquery显示下一个并隐藏prev问题

Question

尝试隐藏前一个元素，然后显示下一个元素，但代码不起作用。它必须是每个.quiz-group显示下一个。但是当点击更多按钮时也隐藏前一个。

代码是：

x=1;

$('.quiz-group:lt('+x+')').show();

 $('.more').click(function(e) {
    e.preventDefault();
    x= (x+3 <= quiz_groups) ? x+3 : quiz_groups;
    $('.quiz-group:lt('+x+')').slideDown();
    $('.quiz-group').not(':lt('+x+')').slideUp();
    $('.back').show();
});

HTML是：

<div class="quiz-group">
 <ul class="question-single">
  <li>
   <p>text?</p>
     <ul class="answer">
      <li>Answer 1</li>
      <li>Answer 2</li>
      <li>Answer 3</li>
    </ul> 
  </li>
</ul>
</div>

代码遍历每个第三个问题并添加quiz-group div包装器。

目前，它将测验组附加到现有（不隐藏前一个）。

由于