1

私はこの機能を持っています：

function fixedFeeSize(i){
    var num1 = $('#num' + i);
    if (num1.hasClass("extended")) {
      num1.stop(true, true).animate({height: '59px'},500);
      num1.removeClass("extended");
    }else{
      var height = 0;
      num1.animate({height: '360px'},500);
      num1.addClass("extended");
    }
    return null;
}

これはdivを拡張/縮小しますが、各div（10以上あります）が異なる高さになるため、divの高さまで拡張するのに苦労しています。

うまくいかなかったものを試しnum1.animate({height: 'auto'},500);てみました。

4

1 に答える 1

1

これはあなたが求めている効果ですか？

jQuery(".menu a").mouseenter(function(){
    jQuery(this).stop().animate({
  height: 200, opacity: 0.5
}, 1000, "linear");
});
jQuery(".menu a").mouseleave(function(){
    jQuery(this).stop().animate({
  height: 18, opacity: 1
}, 1000, "linear");
});

これがjsfiddleです：http： //jsfiddle.net/kKAZx/1/

詳細については、.animate関数の完全なドキュメントを参照してください：http：//api.jquery.com/animate/

エフェクトを組み合わせて、あらゆる種類の素晴らしい、標準に準拠したエフェクトを作成できます。

于 2013-02-18T17:42:44.057 に答える