Question

JS：

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

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

Answer 1

.height是一个功能：使用$('ul').height()来获得像这样的高度

if ($('ul').height() == 0) {
}

Answer 2

您只需使用slideToggle即可实现此目的。

试试这个：

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

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

Answer 3

尝试：

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

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

});

小提琴here

Answer 4

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

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

Answer 5

使用slideToggle（）

DEMO VIEW

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

Answer 6

只需使用 .slideToggle 功能即可。 DEMO HERE

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

Answer 7

以下代码使用animate

$('button').on(click, function() {
    $('ul').animate({height: 'toggle'},'slow');
})

jquery height animate（）不起作用

7 个答案: