При размещении текста на сайтах часто требуется, не показывать весь текст целиком, а скрыть его большую часть под кнопкой «подробнее», по нажатию на которую будет показываться весь текст целиком. Также данный функционал хорошо будет смотреться на странице с «часто задаваемыми вопросами» (faq), по нажатию на вопрос будет раскрываться ответ на данный вопрос. Пример для страницы FAQ будет выглядеть следующим образом: <div class="spoiler" id="spoiler_1">Подробнее</div><div class="spoiler_body" id="spoiler_body_1" style="display: none;"> Текст</div> JS обработчик нажатия на вопрос/кнопку подробнее: CSS стили для оформления: Результат работы данного скрипта: З.Ы. А еще мы пишем много полезной информации в блоге Стократ. Добро пожаловать.
При размещении текста на сайтах часто требуется, не показывать весь текст целиком, а скрыть его большую часть под кнопкой «подробнее», по нажатию на которую будет показываться весь текст целиком. Также данный функционал хорошо будет смотреться на странице с «часто задаваемыми вопросами» (faq), по нажатию на вопрос будет раскрываться ответ на данный вопрос.
Пример для страницы FAQ будет выглядеть следующим образом:
<div class="spoiler" id="spoiler_1">Подробнее</div><div class="spoiler_body" id="spoiler_body_1" style="display: none;"> Текст</div>
JS обработчик нажатия на вопрос/кнопку подробнее:
CSS стили для оформления:
Результат работы данного скрипта:
З.Ы. А еще мы пишем много полезной информации в блоге Стократ. Добро пожаловать.