Форум Сайтостроение Веб-строительство

Спойлер

GA
На сайте с 16.06.2013
Offline
61
Green arrow
306

Не знал как назвать тему, про очередной спойлер в данной ветке да и вообще. В инете тоже рылся, но не нашёл.

Задача:

Есть блок1 при нажатии на который разворачивается блок2 (это умеют все, ничего особенного)

Но нужно, чтобы во время открывания блок1 скрывался, на его место вставал блок2 и разворачивался (чтобы пустоты сверху не оставалось). Внутри блока2 должна быть кнопка "закрыть", которая будет возвращать всё в исходное состояние.

Максимум что нашёл - http://jsfiddle.net/Nd7nX/11/ , но это не то, тут блоки перемещаются, а мне верхний скрыть надо

Joker-jar
На сайте с 26.08.2010
Offline
154
Joker-jar
#1

Так и в чем проблема скрыть "блок1"? Если блок1 и блок2 идут друг за другом, блок2 автоматически и встанет на его место.

GA
На сайте с 16.06.2013
Offline
61
Green arrow
#2
Joker-jar:
Так и в чем проблема скрыть "блок1"? Если блок1 и блок2 идут друг за другом, блок2 автоматически и встанет на его место.

проблема собственно одна - нет соответствующих знаний, потому и прошу пример реализации показать

тот вариант, что я скинул выше был мною найден на просторах тостера

Joker-jar
На сайте с 26.08.2010
Offline
154
Joker-jar
#3

Ну, примерно, как-то так: https://jsfiddle.net/bzj5n83o/ не совсем элегантно, но хватит, чтобы понять суть.

GA
На сайте с 16.06.2013
Offline
61
Green arrow
#4
Joker-jar:
Ну, примерно, как-то так: https://jsfiddle.net/bzj5n83o/ не совсем элегантно, но хватит, чтобы понять суть.

не знаю, в чём заключается отсутствие элегантности, но работает и спасибо.

ещё вопрос, попытался сделать плавным открытие/закрытие добавив в show(500), но что-то всё дергается

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий