Перейти к содержимому


Kant

Регистрация: 03 авг. 2015
Offline Активность: 22 февр. 2023 01:07
-----

#141478 Скрытый Текст, Выкатывающийся Текст

Отправлено Сake на 03 Июнь 2014 - 04:41

Вы можете использовать следующую инструкцию для реализации спойлеров - в ваш файл стилей css добавьте код

.spoiler .toggle {
  display: none;
}

далее в конец файла main.js добавьте код

$(function() {
  $('.spoiler a[href="#"]').click(function() {
	$(this).closest('.spoiler').children('.toggle').slideToggle();
	return(false);
  });
});

и в любом шаблоне или описании страницы используйте каркас html кода

<div class="spoiler">
  <a href="#">Текст подробнее...</a>
  <div class="toggle">Текст отображаемый</div>
</div>

или так

<div class="spoiler">
  <span>Текст <a href="#">Подробнее...</a></span>
  <div class="toggle">Текст отображаемый</div>
</div>