Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.05.2017, 11:38
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Переключение div блоков
Всем привет.
Допустим есть два блока.
<div class="picture">
    <div class="button">Close</div>
    Картинка
</div>
<div class="content">
    <div class="button2">Close2</div>
    Контент
</div>


Вообщем пытаюсь сделать так, чтобы при загрузки страницы появлялся первый блок. Если нажать на кнопку "закрыть", то этот блок исчезает и появляется второй блок с кнопкой "закрыть". Соответветственно если ее нажать, то исчезает второй блок и появляется первый. И так цикл повторяется.

Собственно вопрос. Если ли подобные плагины на jQuery с возможнстью переключать блоки таким образов и возможностью самому написать свою анимацию переключения между блоками?
Ответить с цитированием
  #2 (permalink)  
Старый 17.05.2017, 12:04
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

Без анимации решение задачи займет пару строчек, с анимацией строчек будет больше.
Ознакомьтесь с основным функционалом библиотеки jQuery и решение придёт само собой.
Ответить с цитированием
  #3 (permalink)  
Старый 17.05.2017, 13:04
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(".content").hide();

$(".button, .button2").click(function(){
$(".content").toggle();
$(".picture").toggle();
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматический старт при при горизонтальной прокрутке div блоков admin'ko Элементы интерфейса 3 13.02.2015 09:40
Сортировка блоков div CRYSIS_STALKER Events/DOM/Window 2 11.07.2014 14:18
Переключение блоков. lon Элементы интерфейса 7 03.07.2013 09:08
Несколько div блоков. Переключение по нажатии на соответствующую ссылку. Help$ Элементы интерфейса 4 25.09.2010 00:01
Появление блоков div в зависимости от radio Oracool Events/DOM/Window 1 04.12.2009 18:39