0

私は以下のように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(){

    });
});
4

2 に答える 2

1

スクリプトが正しいのになぜ機能しないのかわかりません。おそらく、HTMLにjQuery参照がありませんか？$(document).ready(function () { ... });または、 ？なしでスクリプトを含めた可能性があります。いずれにせよ、このjsfiddleはそれが機能していることを示しています。

于 2013-02-10T10:57:15.837 に答える
1

次のスクリプトを使用して試すことができます。

   $('.breakdown').click(function(){
      $(this).next(".breakdown_details").slideToggle("slow", function(){
             $(".breakdown_details").not(this).slideUp("slow");
       });
    });
于 2013-02-10T11:11:48.293 に答える