Спойлер для описания, как реализовать?

[sasha3337774]

Всем привет, в большинство товарах есть большое описание(на пк это еще терпимо, но вот на мобилке..) и тут возник вопрос, как реализовать спойлер для этого всего дела?

типо вот так:

Спойлер

в инете искал, но там решение для 2013-2015 года(или я плохо искал)
модуля такого вроде не встречал.
OC 2.3 
Я буду благодарен хоть за какую то подсказку:)

[nexer]

20 минут назад, sasha3337774 сказал:

Всем привет, в большинство товарах есть большое описание(на пк это еще терпимо, но вот на мобилке..) и тут возник вопрос, как реализовать спойлер для этого всего дела?

типо вот так:

  Скрыть контент

в инете искал, но там решение для 2013-2015 года(или я плохо искал)
модуля такого вроде не встречал.
OC 2.3 
Я буду благодарен хоть за какую то подсказку:)

Спойлер

<div class="container" id="wrapper">
    <div class="row">
        <div class="col-sm-12">Text</div>
    </div>
    <div class="row hidden">
        <div class="col-sm-12"> More text More text More text More text More text</div>
    </div>
</div>

<button id="show_more_text">Показать еще</button>

<script>
    $("#show_more_text").on("click", function() {
        $("#wrapper .hidden").removeClass(".hidden");
    });
</script>

 

 

[matroskin92]

Может тогда

$("#wrapper .hidden").toggleClass(".hidden");

 

[sasha3337774]

всем благодарен)

[sasha3337774]

как буду дома возле ноута - попробую вышенаписанный вариант 

[sasha3337774]

@nexer что-то лыжи не едут...
не могу понять, что я не так делаю

[Prooksius]

киньте ссылку на то что получилось

[nexer]

4 минуты назад, sasha3337774 сказал:

@nexer что-то лыжи не едут...
не могу понять, что я не так делаю

Дайте больше информации 

[sasha3337774]

всее)
получилось, немного тупил в одном моменте
всем спасибо))

[Prooksius]

Можно в первом примере вместо

$("#wrapper .hidden").toggleClass(".hidden");

поставить так

$("#wrapper .row:nth-child(2)").slideToggle();

Ну вообщем чтобы плавнее было.

[sasha3337774]

1 минуту назад, Prooksius сказал:

Можно в первом примере вместо

$("#wrapper .hidden").toggleClass(".hidden");

поставить так

$("#wrapper .row:nth-child(2)").slideToggle();

Ну вообщем чтобы плавнее было.

оо, огромное спасибо)