Четверг, 16 Июл 2015 в 11:18

Как в OpenCart спрятать текст под спойлер

Автор: admin

Задача скрытия текста под спойлер может стоять перед любым веб-мастером, который ценит пространство на странице. Таким способом можно существенно сэкономить место на странице и грамотно организовать рабочее пространства, скрыв подробную информацию от того, кому она может неинтересной. Конечно, для этого существуют гиперссылки и отдельные страницы. Но порой не хочется создавать целую отдельную страницу, для какого-то понятия.

opencart-editor

К сожалению, дела в OpenCart обстоят немного сложнее чем в других системах, так как готового модуля нет для OpenCart для создания спойлера, нам понадобятся почти безграничные в данной области возможности JavaScript.

Чтобы не лить много воды, сразу перейду к решению поставленной задачи. Сразу оговорюсь, что код который я приведу необходимо вставлять в статью OpenCart в режиме “Источник”. Для этого вам нужно будет в редакторе нажать на соответствующую кнопку:

<a class="aspoiler" href="javascript:fspoiler()">Текст спойлера</a>
 <div id="spoiler" style="display:none">
 Текст появляющийся после нажатия на ссылку "Текст спойлера"
 </div>
<script type="text/javascript">
function fspoiler() {obj = document.getElementById("spoiler"); if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }}
</script>

Рекомендую ознакомиться с похожими статьями:


Комментарии:

Ваш отзыв

Я в Контакте

Найди меня на Facebook

Добавляйся в Youtube