4

我刚刚创建了这个：jsfiddle.net/MWzDe/，

JS：

$('button').click(function () {
  if ($('ul').height = 0) {
    $('ul').animate({'height':'100%'},'slow');
  } else {
    $('ul').animate({'height': 0},'slow');
  }});

我需要向上/向下滑动“ul”标签，而不会“真正”消失。代码有什么问题？还没成功。谢谢。

4

7 回答 7

6

.height是一个函数：$('ul').height()用来得到这样的高度

if ($('ul').height() == 0) {
}
于 2013-03-07T14:31:40.643 回答
4

尝试：

$('button').click(function () {

    $('ul').animate({
        'height':'toggle'
    }, 'slow');

});

在这里提琴

于 2013-03-07T14:36:06.967 回答
4

您可以使用slideToggle.

尝试这个：

$('button').click(function () {
    $("ul").slideToggle("slow");
});

小提琴：http: //jsfiddle.net/MWzDe/3/

于 2013-03-07T14:31:29.363 回答
2

当您使用 jquery 时，为什么不使用.slideToggle()？

$('button').click(function() {
    $('ul').slideToggle('slow');
});
于 2013-03-07T14:30:55.943 回答
2

使用 slideToggle()

演示视图

$('button').click(function () {
    $('ul').slideToggle('slow');
});
于 2013-03-07T14:31:19.580 回答
2

只需使用.slideToggle功能。 在这里演示

$('button').click(function () {
    $('ul').slideToggle();
});
于 2013-03-07T14:32:51.310 回答
0

以下代码使用动画

$('button').on(click, function() {
    $('ul').animate({height: 'toggle'},'slow');
})
于 2013-03-07T14:52:45.607 回答