jQuery：More/Less Slide Toggle？

Question

私は単純なスライドトグルの後に、より多くのリンクを読んだり、その後にリンクを開いたりしています。

正確にthisと同じですが、そのように表示されるのではなく、下にスライドする必要があります。

単語やボックスの高さにかかわらず、初期高さを設定する必要があります。

どのようなアイデアを達成するのは簡単ですか？なし：（ブロック/隠れて表示）任意のヘルプ:)

Answer 1

ため

おかげでルック@here http://www.w3schools.com/jquery/eff_slidetoggle.asp

Answer 2

あなただけを示すかの要素を隠し利用トグル（）関数を、前述の例を見てください任意の効果。

スライドテググル（）関数を使用する必要があります。これは同じことをしますが、スライドする効果があります。

$("button").click(function(){ 
    $("p").slideToggle(); 
}); 

Answer 3

あなたはjQueryの.slideする機能で構築を（使用）または（アニメーション可能性）

ので、代わりに使用して：

$('#someElement').html('some content'); 

は、あなたがしたい

$('#someElement').html('some content').slideDown(some speed ie 600); 

を試してみてください最初にコンテンツ領域を非表示（つまり、表示：なし）する必要があります。 id /クラスのdivでコンテンツをラップし、表示するように設定することができます：なし

Answer 4

後で、このプラグインは非常に便利です。それは、シンプルでありながら効果的です偉大なオプションのトンと非常に柔軟な

http://plugins.learningjquery.com/expander/

Answer 5

を持っています。

$(".button").click(function(){ 
    var moreAndLess = $("p").is(':visible') ? 'More' : 'Less'; 
    $(this).text(moreAndLess); 

    $("p").slideToggle(); 
});