jQuery - slideDown方法,它会关闭但不会重新启动

时间:2014-03-06 16:05:55

标签: jquery animation slide

我已经找到了这个工作小提琴,当div点击时div会上下滑动。它在小提琴中效果很好。

http://jsfiddle.net/dRpWv/1/

我现在已将相同的代码应用到我的网站上,div会向下滑动,但再次单击div则无效。

$( ".widget_head" ).click(function() {
$( ".widget_body" ).slideDown( "fast", function() {
// Animation complete.
})
})
点击页面左侧的“按类型划分的汽车”标签可以找到<。> .widget_head。

1 个答案:

答案 0 :(得分:3)

.toggle()已从版本1.9中删除,并且您在网站中使用jQuery v1.10.2

它在小提琴中起作用---&gt;小提琴有jQuery v1.8.3

<小时/> 使用此代码

Fiddle Demo

$(document).ready(function () {
    $("#button").click(function () {
        var txt = ($(this).text() == 'Hide Content') ? 'show Content' : 'Hide Content';
        $(this).text(txt);
        $("#hidden_content").slideToggle("slow");
    });
});

http://api.jquery.com/category/deprecated/