Вход Регистрация
* UndeX

Простой спойлер на jQuery

  1. <html>
  2. <head>
  3. <title>Простенький спойлер</title>
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function() {
  7. $('.spoiler').on('click', function(){
  8. $(this).parent().children('div.splCont').toggle('normal');
  9. return false;
  10. });
  11. });
  12. </script>
  13.  
  14. </head>
  15. <body>
  16. <div>
  17. <button class="spoiler">Спойлер</button>
  18. <div class="splCont" style="display:none;"><hr>Ваш текст в спойлере</div>
  19. </div>
  20. <div>
  21. <button class="spoiler">Спойлер 2</button>
  22. <div class="splCont" style="display:none;"><hr>Другой спойлер</div>
  23. </div>
  24. </body>
  25. </html>
» Описание: Простенький спойлер на jQuery
» Время добавления: 7 Сент 2016 в 09:30
» Посмотров: 1620
» textarea
» Рейтинг: [+0 | -0]
Комментарии [0]
Онлайн: 4
Реклама
Игры между пользователями