jquery - 在 php 站点中使用 jquery 切换 html 多个块的显示

Question

我有 3 个 html 块，如下所示，

<table class="">
    <tr>
        <td>
            <a class="breakdown" href="#">test</a>                                                
            <div style="display: none;padding: 10px;" class="breakdown_details">
                <br/>content here2<br/>
            </div>
        </td>

    </tr>
    <tr>
        <td>
            <a class="breakdown" href="#">test</a>                                                
            <div style="display: none;padding: 10px;" class="breakdown_details">
                <br/>content here3
            </div>
        </td>

    </tr>
</table>

最初显示测试链接但不显示 div 的内容，当我单击测试链接时，相应的 div 会滑动打开并执行切换操作。我使用以下脚本但不正确..

$('.breakdown').click(function(){
    $(this).next(".breakdown_details").slideToggle("slow", function(){

    });
});   

Answer 1

您可以尝试使用以下脚本，

   $('.breakdown').click(function(){
      $(this).next(".breakdown_details").slideToggle("slow", function(){
             $(".breakdown_details").not(this).slideUp("slow");
       });
    }); 

Answer 2

我不确定为什么您的脚本无法正常工作，因为它是正确的。也许您在 html 中缺少 jQuery 参考？或者也许你已经包含了你的脚本而没有$(document).ready(function () { ... });? 无论哪种方式，这个jsfiddle 都表明它正在工作。