jquery循环动画与slidetoggle

Question

是否可以通过循环来完成此操作，这样我就不必为每个 div 编写点击函数？

$("#q1").click(function(){
        $("#ans1").slideToggle("fast");
    });

    $("#q2").click(function(){
        $("#ans2").slideToggle("fast");
    });

    $("#q3").click(function(){
        $("#ans3").slideToggle("fast");
    });

    $("#q4").click(function(){
        $("#ans4").slideToggle("fast");
    });

    $("#q5").click(function(){
        $("#ans5").slideToggle("fast");
    });

    $("#q6").click(function(){
        $("#ans6").slideToggle("fast");
    });

    $("#q7").click(function(){
        $("#ans7").slideToggle("fast");
    });

    $("#q8").click(function(){
        $("#ans8").slideToggle("fast");
    });

其中每个 id 都有一个与 click 函数内的 id num 相同的 num就像 #q8 有 ans#8如果我添加另一个 id #q9, #ans9 我不必编写点击函数？

每个 div 也有一个类...请告诉我当我点击它的 ans 应该显示的问题时我该怎么做

<div id="q1" class="question"><span id="q">Q:&nbsp;</span><span id="ul">How Do I Choose a Web Designer?</span></div>
            <div class="answer" id="ans1">some text</div>

Answer 1

能做的是..将您的问题和答案放在一个 block 中..说...

<div class="qa-block">
    <div class="question">Q: How Do I Choose a Web Designer?</div>
    <div class="answer">some text</div>
</div>

然后将脚本更改为..

$('.question').on('click', function() {
    $(this).closest('.answer').slideToggle('fast');
});

这将概括您的解决方案并避免使用 ID

希望这有帮助..