Простой спойлер с плавной анимацией для сайта на Jquery


Лёгкий и простой скрипт анимированного спойлера для сайта с использованием Jquery.
Это очень удобный и простой способ скрывать большое количество информации в маленькую ссылку либо кнопку.
Скрипт не создает никаких нагрузок и задержек на сайт.

Установка
Для работы нашего спойлера нам необходимо подключить к сайту JavaSctipt библиотеку.
Скачиваем последнюю версию, забрасываем на сайт и подключаем локально:

<script type="text/javascript" src="/jquery/1.7.2/jquery.min.js"></script>

Либо мы можем воспользоваться файлом библиотеки с серверов google:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>


Подключив к сайту библиотеку, нам нужно вставить код отвечающий за плавность работы спойлера:
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler11').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>

Далее, в том месте странички, где мы хотим использовать спойлер мы вставляем следующий код:
<div>
 <a href="" class="spoiler11">Спойлер</a>
 <div class="spoiler_body">
  Текст под спойлером<br>
  плавно появляется<br>
  и плавно исчезает
 </div>
</div>

Заметка!
каждый спойлер должен быть заключен между тегами <div></div>. Это необходимо для того чтобы каждый спойлер открывался и закрывался отдельно, а не все сразу.скачать dle 11.1смотреть фильмы бесплатно


Jquery animation spoiler спойлер анимация

Внимание!

Ознакомьтесь со статьёй по ссылке ниже.

Сайт мошенников
Информация