切换显示

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"); 
     }); 
    });