Javascript Jquery显示下一个问题并隐藏上一个问题

试图隐藏上一个元素，然后显示下一个元素，但是代码不起作用。当点击更多按钮时，每个测验组需要显示下一个，但也要隐藏上一个

代码是：

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();
});

x=1；
$（'.quick group:lt（'+x+'））.show（）；
$（'.more'）。单击（函数（e）{
e、 预防默认值（）；
x=（x+3）发布一篇乱七八糟的代码。假设一个人有问题是不好的！代码大约有300行，由PHP/HTML/CSS/JS和WordPress混合而成-问题只是这一部分。至少发布
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>