$(document).ready(function(){// проверяем загружен ли DOM
$('h2:first').addClass('active');//добавляем класс .active к первому блоку
$('.toggle_container:not(:first)').hide();// оставляем открытым первый блок
$('h2.trigger').click(function(){
$(this).toggleClass('active').next().slideToggle('slow').siblings("div:visible").slideUp('slow');// при клике раскрываем блок и закрываем другие видимые блоки
$(this).siblings('h2').removeClass('active');// удаляем класс .active у родственных блоков
returnfalse;// возвращаем false для запрета перехода по ссылке
});
});
как мне сделать чтобы при открытии страницы были закрыты все блоки, сейчас же при открытии открыт первый блок
Спасибо!
SERIOUS
Отправлено: 25 Апреля, 2012 - 17:19:33
Гость
Покинул форум
Сообщений всего: 87
Дата рег-ции: Сент. 2011
$(document).ready(function(){// проверяем загружен ли DOM
//$('h2:first').addClass('active'); //добавляем класс .active к первому блоку
//$('.toggle_container:not(:first)').hide(); // оставляем открытым первый блок
$('h2.trigger').click(function(){
$(this).toggleClass('active').next().slideToggle('slow').siblings("div:visible").slideUp('slow');// при клике раскрываем блок и закрываем другие видимые блоки
$(this).siblings('h2').removeClass('active');// удаляем класс .active у родственных блоков
returnfalse;// возвращаем false для запрета перехода по ссылке
});
});
Вот так попробуй
p.s. Если комментарии на русском не ленимся и читаем их ;)
Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010
Помог: 42 раз(а)
Franchesko, для того чтоб все блоки были "закрыты" при первичной загрузке устонавливай значение display в CSS как none. Для открытых блоков значение block.
IllusionMH
Отправлено: 25 Апреля, 2012 - 23:51:50
Активный участник
Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011 Откуда: .kh.ua
Помог: 242 раз(а)
Okula, прятать нужно в JS, чтобы можно было использовать страницу и без него ;)Franchesko, удалить 3 строку, а 4 строку заменить на
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.