jquery - jquery height animate() が機能しない

Question

これを作成しました: jsfiddle.net/MWzDe/、

JS:

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

「本当に」消えることなく「ul」タグを上下にスライドさせる必要があります。コードの何が問題になっていますか? まだ間に合いません。ありがとう。

score 6 · Accepted Answer

.height関数です：$('ul').height()このような高さを取得するために使用します

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

score 4 · Accepted Answer

これは、を使用するだけで実現できますslideToggle。

これを試して：

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

フィドル： http： //jsfiddle.net/MWzDe/3/

score 4 · Accepted Answer

試す：

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

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

});

ここでフィドル

score 2 · Accepted Answer

jqueryを使用しているので、使用しないのはなぜ.slideToggle()ですか？

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

score 2 · Accepted Answer

slideToggle（）を使用する

デモビュー

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

score 2 · Accepted Answer

.slideToggle関数を使用するだけです。デモはこちら

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

score 0 · Accepted Answer

次のコードは animate を使用しています

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

jquery - jquery height animate() が機能しない

7 に答える 7

Related

Reference