切換顯示

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