DIVの内容をスライドさせて表示させる方法は、ユーザーがDIVの見出しをクリックしたときにのみ表示されますか？

私は次の例のように、Contact DetailsまたはAddress DetailsのDIVの見出しを持っている場合は、次のdivの内容は唯一の引き出しとに表示されることにより、私は機能を実装するためにjQueryを使用する方法DIVの内容をスライドさせて表示させる方法は、ユーザーがDIVの見出しをクリックしたときにのみ表示されますか？

http://jsfiddle.net/2CZFL/

ユーザーがDIV見出しをクリックすると

出典

2011-06-28 Beast McKenzie

ネットには多くの例がありますが、jq関数をアニメーション化してたくさんのことをすると、あなたのバイブルの例はmototoolsを使用し、jqueryに変更します。 – kobe

は近いそれがオープンにする方法についてフィドルとを参照してください：http://jsfiddle.net/maniator/wU8s2/

出典

2011-06-28 19:15:20 Neal

代わりに 'nextAll'を使わないのはなぜですか？ http://jsfiddle.net/radu/yKvqX/1/ – Radu

@ラジード私は脳が凍っていた。それは非常に真実です。病気を更新する – Neal

@ラジードそれは固定されている – Neal

は、ここでは、[「表示を追加してください簡単な例

<script> 
    jQuery(document.body).ready(function(){ 
    jQuery('.sneakycontent h3').click(function(){ 
     jQuery('.sneakycontent div').slideToggle(); 
    }); 
    }); 
</script> 
<div class="sneakycontent"> 
    <h3>Click Me Newb!</h3> 
    <div style="display:none;">Keep eating those stackoverflow weaties kiddies and you can be as cool as me!</div> 
</div>

出典

2011-06-28 19:39:55

OPのフィドルを使用して例を示すことができますか？ – Neal

Raduのフィドルがマークアップに最適なソリューションです。私の場合は、親の要素を非常に重いものに包む必要があります。 jsfiddle.net/radu/yKvqX/1 –

私のフィドルは同じものです...しかし、OPのデザインを変更しません – Neal

あなたのバイオリンを使用したシンプルなデモ、http://jsfiddle.net/andresilich/DR3x8/

です：none "をヘッダーの下のコンテンツに貼り付けて、非表示にするだけです。]

出典

2011-06-28 20:44:53

DIVの内容をスライドさせて表示させる方法は、ユーザーがDIVの見出しをクリックしたときにのみ表示されますか？

答えて

関連する問題