在JavaScript/JQuery中为.slideDown函数创建循环

因此，我创建了一个测验，使用：

• php（将答案存储在MySQL数据库中）

• html（创建单选框/复选框并为其指定名称、值和ID）

• JavaScript/JQuery（在回答当前问题后显示以下问题/隐藏，如果前面的问题回答不同，则取消选中以下问题

然而，我的问题是，我没有意识到创建它需要多少不同的函数。我已经用数百行JavaScript/JQuery来完成一个50个问题的测验

下面是我的一段代码，看看我在说什么：

测试JavaScript

<script>
  $(document).ready(function() {
  var par = $('#A2');
  $(par).hide();

  $('#A1Y').click(function(e) {
      $(par).slideDown('slow');

  });
    $('#A1N').click(function(e) {
      $(par).slideDown('slow');

  });
});
</script>

我有上面的JQuery，一直到#B8，然后这段代码在类似的结构化部分C、D、E、F&G中重复

正如您所见，这不是一种方便的编码方式，它只是失控了，当越来越多的问题被添加到测验中时，我开始怀疑是否有一种方法可以创建一个类似循环的函数来包含所有这些信息

<div id="A1">
        <h5>A1</h5>
        <label>
        <input type="radio" name="A1" value="Yes" id="A1Y"/>
        &nbsp;Yes
        </label>
<br>
        <label>
        <input type="radio" name="A1" value="No" id="A1N"/>
        &nbsp;No
        </label>
</div>

$('#B1N').click(function(){
     $('#B2').hide('slow')
     .find('input:radio').each(function(){ this.checked = false; });
});


$('#B1N').click(function(){
     $('#B3').hide('slow')
     .find('input:radio').each(function(){ this.checked = false; });
});