|
57.1 Кб |
|
| Добрый день.
Имею такую структуру (смотрите картинку) - несколько блоков div. Item, в каждом из них есть:
div.btn - блок-кнопка;
div.more - блок с дополнительной информацией.
div.more раскрывается по клику на div.btn при помощи функции slideToggle() Jquery.
Сейчас открывается текущий div.more, но он не закрывается при открытии другого и при клике в пустое место страницы.
$("div.btn").click(function()
{
$(this).next(".more").slideToggle('normal');
});
|
Подскажите, пожалуйста, как сделать чтобы если я кликаю по кнопке div.btn, то открывался соответствующий div.more (только один), а другой открытый прежде - сворачивался?
При клике вне за пределами div.item - сворачивался бы открытый div.more?
Вообщем, аналог Аккордеона, но проблема в том, что каждый Item самодостаточен и у него нет потомков. | |
|
|
|
|
|
|
|
для: Boris
(29.06.2015 в 09:01)
| | Ну например сначала сворачивать все, а потом разворачивать нужный. | |
|
|
|
|
|
|
|
для: KPETuH
(29.06.2015 в 10:21)
| | А это интересная мысль! Спасибо, попробую. | |
|
|
|
|
|
|
|
для: KPETuH
(29.06.2015 в 10:21)
| | - | |
|
|
|