Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Гармошка

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Franchesko
Отправлено: 25 Апреля, 2012 - 16:42:00
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)




ребят, есть скрипт гармошки

CODE (javascript):
скопировать код в буфер обмена
  1. $(document).ready(function() { // проверяем загружен ли DOM
  2.  
  3. $('h2:first').addClass('active'); //добавляем класс .active к первому блоку
  4. $('.toggle_container:not(:first)').hide(); // оставляем открытым первый блок
  5.  
  6. $('h2.trigger').click(function() {
  7.         $(this).toggleClass('active').next().slideToggle('slow').siblings("div:visible").slideUp('slow'); // при клике раскрываем блок и закрываем другие видимые блоки
  8.         $(this).siblings('h2').removeClass('active'); // удаляем класс .active у родственных блоков
  9.         return false; // возвращаем false для запрета перехода по ссылке
  10. });
  11. });


как мне сделать чтобы при открытии страницы были закрыты все блоки, сейчас же при открытии открыт первый блок

Спасибо!
 
 Top
SERIOUS
Отправлено: 25 Апреля, 2012 - 17:19:33
Post Id


Гость


Покинул форум
Сообщений всего: 87
Дата рег-ции: Сент. 2011  


Помог: 0 раз(а)




CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function() { // проверяем загружен ли DOM
  3.  
  4. //$('h2:first').addClass('active'); //добавляем класс .active к первому блоку
  5. //$('.toggle_container:not(:first)').hide(); // оставляем открытым первый блок
  6.  
  7. $('h2.trigger').click(function() {
  8.         $(this).toggleClass('active').next().slideToggle('slow').siblings("div:visible").slideUp('slow'); // при клике раскрываем блок и закрываем другие видимые блоки
  9.         $(this).siblings('h2').removeClass('active'); // удаляем класс .active у родственных блоков
  10.         return false; // возвращаем false для запрета перехода по ссылке
  11. });
  12. });
  13.  


Вот так попробуй

p.s. Если комментарии на русском не ленимся и читаем их ;)

(Отредактировано автором: 25 Апреля, 2012 - 17:21:37)

 
 Top
Okula
Отправлено: 25 Апреля, 2012 - 18:04:39
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




Franchesko, для того чтоб все блоки были "закрыты" при первичной загрузке устонавливай значение display в CSS как none. Для открытых блоков значение block.
 
 Top
IllusionMH
Отправлено: 25 Апреля, 2012 - 23:51:50
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




Okula, прятать нужно в JS, чтобы можно было использовать страницу и без него ;)Franchesko, удалить 3 строку, а 4 строку заменить на
CODE (javascript):
скопировать код в буфер обмена
  1. $('.toggle_container').hide();
 
 Top
Okula
Отправлено: 26 Апреля, 2012 - 01:41:22
Post Id



Участник


Покинул форум
Сообщений всего: 1389
Дата рег-ции: Окт. 2010  


Помог: 42 раз(а)




IllusionMH, как это делать это уже автору решать. Главное чтоб изначально параметр display стоял none у всех блоков.
 
 Top
Franchesko
Отправлено: 29 Апреля, 2012 - 17:45:22
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)




IllusionMH пишет:
Okula, прятать нужно в JS, чтобы можно было использовать страницу и без него ;)Franchesko, удалить 3 строку, а 4 строку заменить на
CODE (javascript):
скопировать код в буфер обмена
  1. $('.toggle_container').hide();


Спасибо! именно так и сделал - все работает!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB