どのように私はこのjqueryの仕事をすることができますか?

Fiddle here: http://jsfiddle.net/cgweb87/r3NEX/

h2をクリックすると、divを上下にスライドさせますが、divをスライドさせてその下の他のセクションをスライドさせて、divに載せてスライディングして、h2の下に座るようにします下のh2。

説明するのは難しいですが、フィドルをチェックしてください。

1
divがその下に滑り込んでいる間にh2が同じ場所にとどまるようにしたいのですか?
追加された 著者 Tules,
ハハありがとう、私は見てみましょう
追加された 著者 Tules,
はい、あなたはそれをもっと良く説明しました。
追加された 著者 cgweb87,
縦に並んだコンテンツをもっと柱のように振るように思えますか?
追加された 著者 Surreal Dreams,
それでも意味をなさない。
追加された 著者 aziz punjani,
あなたはその下の行をすべて上に移動したいのですか?またはどこにいるか?
追加された 著者 Patricia,

3 答え

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

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

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

4
追加された
これはトリッキーな感謝をした:)
追加された 著者 cgweb87,
安倍なんてありがとう!私は理論をテストするために彼を編集しましたが、それを保存してリンクするのを忘れました。
追加された 著者 Patricia,

ここであなたのCSSを簡単に変更できます:

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

これで、h2はそのまま残り、その下のコンテンツがロールアップされます。

2
追加された

http://jsfiddle.net/r3NEX/12/

この仕事はあなたのために?

1
追加された
これらの人が私よりも優れた仕事をしたことは決して気にしないでください!
追加された 著者 Tules,