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
Форумы портала PHP.SU :: Версия для печати :: свернуть предыдущий блок
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » свернуть предыдущий блок

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

1. kuller - 17 Апреля, 2017 - 15:33:56 - перейти к сообщению
Есть код такого вида

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.  


таких блоков несколько штук... Как сделать чтоб когда разворачивается другой блок сворачивался который уже открытий?
2. 3d_killer - 19 Апреля, 2017 - 10:46:48 - перейти к сообщению
думаю как то так
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.  

 

Powered by ExBB FM 1.0 RC1