Как сделать разворачивающийся текст по клику по ссылке?

Скопируйте разметку в редактирование нужной страницы:

<div class="item-collapsed js-item-collapsed">
    <span class="item-collapsed_title link-half js-item-collapsed-link sd-color">Заголовок 1</span>
    <p class="item-collapsed_content display_none js-item-collapsed-content">Текст 1</p>
</div>

Замените Заголовок 1 и Текст 1 на нужное содержание. Продублируйте данный участок html-разметки, как на скриншоте:

На сайте получится вот такой список с ссылками:

Далее откройте файл unishop.custom.js и вставьте код:

$(function(){
    var collapsedLink = $('.js-item-collapsed-link');
    collapsedLink.on("click", function(){
        var $this = $(this),
            collapsedContent = $this.closest('.js-item-collapsed').find('.js-item-collapsed-content');
        collapsedContent.slideToggle();
    });
});

Как на скриншоте:

Теперь при клике на ссылку будет разворачиваться текст:

Можно увеличить размер ссылок и сделать отступы между ними, вставив стили в файл unishop.custom.css:

.item-collapsed_title{ font-size: 18px; } .item-collapsed{ margin: 0 0 15px; }

Результат: