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

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

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

Теперь сам код:

Справедливости ради стоит отметить, что стиль ссылки, открывающей спойлер должен отличаться от ссылки, переводящей на другую страницу. Принято, чтобы подчеркивание такой ссылки было не сплошным, а пунктирным. Для этого в стилях нужно добавить что-то вроде этого: