Як я можу зробити цю роботу jQuery, як я хочу?

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

Коли ви натискаєте на h2, воно переміщається внизу вгору і вниз, але як я можу зробити так, щоб він посунув розділ, а інші розділи під ним скочувалися вгору, щоб сидіти під h2, а не div, щоб скотитися, щоб сидіти на h2 нижче.

Важко пояснити, але, будь ласка, перевірте скрипку,

1
ви маєте на увазі, що ви хочете, щоб h2 залишався на тому ж місці, коли div піднімається під ним?
додано Автор Tules, джерело
ха-ха, спасибі, я погляну
додано Автор Tules, джерело
Так, ви пояснили це набагато краще.
додано Автор cgweb87, джерело
Схоже, ви хочете, щоб вертикально вирівняний вміст діяв більше як стовпці?
додано Автор Surreal Dreams, джерело
Усе ще не має сенсу.
додано Автор aziz punjani, джерело
так що ви хочете, щоб рядки нижче, щоб усі піднялися? чи залишитися там, де вони?
додано Автор Patricia, джерело

3 Відповіді

Я думаю, що все, що потрібно зробити, щоб отримати те, що ви хочете, додати: style = "vertical-align: top;" до вашого містаСекційний клас

.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, джерело