типа читать дальше
Страница 1 из 11
Форум » uCoz » Все о uCoz » РАСКРЫВАЮЩИЙСЯ И СВОРАЧИВАЮЩИЙСЯ ПО КЛИКУ БЛОКИ
РАСКРЫВАЮЩИЙСЯ И СВОРАЧИВАЮЩИЙСЯ ПО КЛИКУ БЛОКИ
milan_shubin Дата: Вторник, 10.10.2017, 17:43 | Сообщение # 1
Администратор
Сообщений: 25
2
Есть несколько div, при клике на которые разворачивается скрытый текст а при клике на другой верхние сворачиваются

Код
<div class="view-source">
  <a href="#">Открыть 1</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">Открыть 2</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">Открыть 3</a>
  <div class="hide">Спрятанный текст</div>
</div>
Нижний часть сайта вставляем

Код
<script>
$(function(){
    $('.view-source .hide').hide();
    $a = $('.view-source a');
    $a.on('click', function(event) {
      event.preventDefault();
      $a.not(this).next().slideUp(500);
      $(this).next().slideToggle(500);
    });
});
</script>
Можете смотреть как работает СКРИПТ

Автор скрипта workman
профиль сайт
Форум » uCoz » Все о uCoz » РАСКРЫВАЮЩИЙСЯ И СВОРАЧИВАЮЩИЙСЯ ПО КЛИКУ БЛОКИ
Страница 1 из 11
Поиск:
© 2015 - 2018 «TurBo-S.uCoz.Ru» - все для Web-мастера в системе uCoz, Deesign by esCode Media