javascript - 单击,HTML显示和隐藏

  显示原文与译文双语对照的内容
129 4

我试图做一个在线考试,不要单击它,当我点击第二个按钮,然后打开两个div等。

现在这个代码是工作的,但你需要手动打开并关闭它,并且可以以同时打开它。

我已经经检查过这里的一些类似问题,但它没有显示我想要的结果。

$(document).ready(function(){
 $(".slidingDiv").hide();
 $('.toggle-next-div').click(function(){
 $(this).next().slideToggle();
 });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="toggle-next-div">1</button>
<div class="slidingDiv">
 <p>test1</p>
</div>
<button class="toggle-next-div">2</button>
<div class="slidingDiv">
 <p>test2</p>
</div>
<button class="toggle-next-div">3</button>
<div class="slidingDiv">
 <p>test3</p>
</div>
<button class="toggle-next-div">4</button>
<div class="slidingDiv">
 <p>test4</p>
</div>
<button class="toggle-next-div">5</button>
<div class="slidingDiv">
 <p>test5</p>
</div>
时间:原作者:0个回答

...