Опубликовано: 1 февраля 2017
Свернуть/развернуть описание
Здравствуйте! Подскажите каким образом сделать на странице сайта, например, О компании или Контакты, такую же функцию как в категориях товаров Сворачивать и разворачивать описание?
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Комментарии (1)
Попробуйте использовать этот код:
<style> .spoiler-open-or-close-btn { display: block; cursor: pointer; } .spoiler-close-btn a { display: block; cursor: pointer; color: silver; padding-top: 1em; text-align: right; } .spoiler-text { display: block; padding: 16px; margin: 16px; border: 1px dashed silver; height: auto; } .spoiler-wrapper input[type=checkbox] { display: none; } .spoiler-wrapper input[type=checkbox] + .spoiler-text { display: none; } .spoiler-wrapper input[type=checkbox]:checked + .spoiler-text { display: block; } </style> <div class="spoiler-wrapper"> <!-- Тут первая часть текста --> <h1>Заголовок</h1> <p>Первая часть текста</p> <!-- /Тут конец первой части текста --> <label class="spoiler-open-or-close-btn" for="spoiler-checkbox"> <a>Показать/скрыть</a> </label> <input id="spoiler-checkbox" type="checkbox"> <div class="spoiler-text"> <!-- Тут вторая часть текста --> <p>Вторая часть текста</p> <!-- /Тут конец второй части текста --> <label class="spoiler-close-btn" for="spoiler-checkbox"> <a>Скрыть.</a> </label> </div> </div>*стили можно перенести в основной стилевой файл