在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打开并滑动并执行切换Acton。我使用以下脚本但不正确..

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

    });
});   

Answer 1

我不确定为什么你的脚本不能正常工作。也许你错过了html中的jQuery引用？或者您可能没有$(document).ready(function () { ... });包含脚本？不管怎样，这个jsfiddle表明它正在发挥作用。

Answer 2

您可以尝试使用以下脚本

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