2011-10-27 43 views
1

フィドル:http://jsfiddle.net/cgweb87/r3NEX/どのようにしてこのjqueryを動作させることができますか?ここ

あなたはH2をクリックすると、それはDIVの上下スライドが、それはのdivアップをスライドし、その下に他のセクションは、H 2下に座って上にスライドするようにどのように私はそれを作ることができます、下のh2の上に座るようにスライドするdivよりもむしろ。

説明するのは難しいが、フィドルを確認してください、

+0

あなたはdivが同じ場所に留まるのを待っていますか? – Tules

+0

はい、あなたはそれをもっと良く説明しました。 – cgweb87

+0

haha​​ありがとう、私は一見を持っています – Tules

答えて

4

あなたが望むものを得るために必要なのは、add:style = "vertical-align:top;"です。あなたのtownSectionクラス

.townSection {width: 30%; display: inline-block; vertical-align:top;} 

http://jsfiddle.net/r3NEX/13/

+1

安倍なんてありがとう!私は理論をテストするために彼を編集しましたが、それを保存してリンクするのを忘れました。 – Patricia

+0

これはトリッキーな感謝をしました:) – cgweb87

2

はここにあなたのCSSへの迅速な変更です。これにより

.townSection { 
    width: 30%; 
    display: inline-block; 
    vertical-align: top; 
} 

、h2は所定の位置にとどまり、その下の内容はロールアップします。

関連する問題