Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Раскрывающийся и сворачивающийся по клику div (https://javascript.ru/forum/dom-window/46783-raskryvayushhijjsya-i-svorachivayushhijjsya-po-kliku-div.html)

рони 25.04.2016 17:17

Александр77,
c тем что слайдер устарел и не работает с новой версией jquery , так не ставьте новую оставьте с которой работал слайдер.

Николай_777 06.06.2016 22:36

рони,
привет помоги со скриптом

Николай_777 06.06.2016 22:38

<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  </head>
  <body>
<div class="view-source">
  <a href="#">111</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">222</a>
  <div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
  <a href="#">333</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>

  </body>
</html>

скрипт твой
дело в том что работает он не много не так как надо а именно мне на до чтобы внутри открывающего блока была ссылка а когда я ее добавляю блок закрывается

рони 06.06.2016 23:04

Цитата:

Сообщение от Николай_777
именно мне на до чтобы внутри открывающего блока была ссылка а когда я ее добавляю блок закрывается

не понял ничего
$a = $('.view-source > a'); добавьте красное

Николай_777 06.06.2016 23:19

спасибо

Ust 17.07.2016 22:33

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

рони 17.07.2016 22:46

Ust,
$('.view-source .hide').hide().eq(0).show();

Paul12345 25.02.2017 20:43

Ребята, привет. Спасибо за подробное решение, поставил себе все работает, но хотелось бы уточнить. Можно ли сделать так, чтобы при обновлении страницы блок не раскрывался? А то сейчас, когда обновляешь страницу или заходишь по новой, блок сначала раскрывается, а потом закрывается как и должно быть. Буду рад помощи. Спасибо!:help:

рони 25.02.2017 21:10

Paul12345, в css добавить
.view-source .hide{
      display: none;
    }

из js убрать
$('.view-source .hide').hide();

Paul12345 25.02.2017 21:17

Цитата:

Сообщение от рони (Сообщение 445471)
Paul12345, в css добавить
.view-source .hide{
      display: none;
    }

из js убрать
$('.view-source .hide').hide();

Супер, спасибо большое!!!


Часовой пояс GMT +3, время: 18:53.