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>

对slideToggle（）jQuery没有影响

2 个答案: