jqueryの隠しdivをアニメーション化する方法は？

Question

ダムの質問ですが、私はこれを理解できないようです。

私はdiv要素を持っているとすると、ユーザー名、私はdiv要素がアニメーション化または正常滑落したい特定のアクションその後、ときに

$("e").hide(); 

のようなページがロードをそれを隠します。しかし、私のサイトでは、アニメーションがちょうど点滅し、隠れたdivとフェードやslideDownの効果が発生しません。

私はこれを行うためにToggle機能を使用し

$("#e").hide(); 
    $("#p").change(function(){ 
     if($("#p").val() === 'Married') 
     { 
      $("#e").slideDown(500); 
     }else{ 
      $("#e").slideUp(500); 
     } 
}); 

Answer 1

すべてのブラウザで正常に動作します同じものanimateこのような...

01上にスライドすると、ダウンあなたはdiv要素の高さと幅と遊ぶことができる

$("#e").hide(); 
$("#p").change(function(){ 
    if($("#p").val() === 'Married') 
    { 
     $("#e").animate({ "opacity": "show", top:"100"} , 500); 
    }else{ 
     $("#e").animate({ "opacity": "show", top:"150"} , 5000); 
    } 
}); 

....

Answer 2

を使用しています。

$("#p").toggle(function(){ 
    // Your toggle code here 
}); 

Answer 3

あなたはアニメイトAnimate 簡単な例を使用することができます。

リストは親にある

$("#p").animate({ opacity: 0 }, 600).prependTo($list); 

、それはあなたが何をしanimateを使用することができます

Answer 4

なぜだけではなく$("#e").fadeOut(250);か何か？

Answer 5

の代わりに：

{ 
    $("#e").slideDown(500); 
} else { 
    $("#e").slideUp(500); 
} 

これを書く：

$("#e").toggle(500); 

これはあなたのDIVを表示または非表示になります。 1行解決です。