jquery - 对 slideToggle() jQuery 没有影响

Question

我正在使用这个非常简单的 jQuery 代码：

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

结果本身确实有效，并且表格确实在单击时出现/消失，但是“滑动”没有任何效果-我尝试过没有“慢”和“慢”-同样的结果！？

几乎就像我只是在使用 .toggle() ...

除了表格的大小（最大只有 12 行）之外，我看不出有什么问题。

有任何想法吗？

Answer 1

我不认为 slideToggle 对所有元素都有效...表格可能是其中之一...您可以将表格放在 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>