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]   

> Без описания
kuller
Отправлено: 17 Апреля, 2017 - 15:33:56
Post Id



Частый посетитель


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


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




Есть код такого вида

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <div class="blok-left">
  3.         <div onclick="$('#name1').slideToggle('slow');" class="curas">
  4.                 <span class="upper cursor right30">Название 1</span>
  5.         </div>
  6.         <div id="name1" class="test" style="display: none;">
  7.                 текст
  8.         </div>
  9. </div>
  10. <div class="blok-right">
  11.         <div onclick="$('#name2').slideToggle('slow');" class="curas">
  12.                 <span class="upper cursor right30">Название 2</span>
  13.         </div>
  14.         <div id="name2" class="test" style="display: none;">
  15.                 текст
  16.         </div>
  17. </div>
  18.  


таких блоков несколько штук... Как сделать чтоб когда разворачивается другой блок сворачивался который уже открытий?
 
 Top
3d_killer
Отправлено: 19 Апреля, 2017 - 10:46:48
Post Id



Участник


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


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




думаю как то так
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <script>
  3.  
  4. $(document).on('click','.curas',function()
  5.         {
  6.                 var el=$(this).parent('.slide');
  7.                 //Проверяем что клик по элементу который не развернут
  8.                 if(!el.find('.test').is(':visible'))
  9.                         {
  10.                                 $('.test').slideUp('slow');
  11.                                 el.find('.test').slideDown('slow');
  12.                         }
  13.         });
  14. </script>
  15. <div class="blok-left slide">
  16.         <div class="curas">
  17.                 <span class="upper cursor right30">Название 1</span>
  18.         </div>
  19.         <div id="name1" class="test" style="display: none;">
  20.                 текст
  21.         </div>
  22. </div>
  23. <div class="blok-right slide">
  24.         <div class="curas">
  25.                 <span class="upper cursor right30">Название 2</span>
  26.         </div>
  27.         <div id="name2" class="test" style="display: none;">
  28.                 текст
  29.         </div>
  30. </div>
  31.  
 
My status
 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