jquery - slideToggle() jQuery には影響なし

Question

私はこの非常に単純なjQueryコードを使用しています:

            $("h3").click(function(){
                $(this).next("table").slideToggle("slow");
            });

結果自体は実際に機能し、クリックするとテーブルが表示/非表示になりますが、「スライド」の効果はまったくありません-「遅い」なしで、「遅い」で試しました-同じ結果!?

.toggle() を使用しているだけのようです...

最大12行のテーブルのサイズを除けば、何が問題なのかわかりません。

何か案は？

Answer 1

私は、slideToggle がすべての要素で機能するとは思いません...テーブルはそれらの 1 つかもしれません...テーブルを div 内に配置して、div で slideToggle を実行できますか??

これを試して...

<h3>click</h3>
<div>        
<table>
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
        </table>
</div>

と

$("h3").click(function(){
                $(this).next("div").slideToggle("slow");
            });

ここに示されている作業例... http://jsfiddle.net/68mcY/

Answer 2

これはうまくいきます。

 $("h3").click(function () {
                $("#tbl").slideToggle("slow");
            });


<h3>a</h3>
        <table id="tbl">
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
        </table>