Как я могу заставить этот jquery работать так, как я хочу?

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

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

Трудно объяснить, но, пожалуйста, проверьте скрипку,

1
вы хотите, чтобы h2 остался в том же месте, в то время как div скользит под ним?
добавлено автор Tules, источник
спасибо, я посмотрю
добавлено автор Tules, источник
Да, вы объяснили это намного лучше.
добавлено автор cgweb87, источник
Похоже, вы хотите, чтобы вертикально выровненный контент больше напоминал столбцы?
добавлено автор Surreal Dreams, источник
Все еще не имеет смысла.
добавлено автор aziz punjani, источник
так что вы хотите, чтобы строки под ним все двигались вверх? или остаться там, где они есть?
добавлено автор Patricia, источник

3 ответы

Я думаю, все, что вам нужно сделать, чтобы получить то, что вы хотите добавить: style = "vertical-align: top;" Вашему классу CitySection

.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, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda