Необходимо добавить класс uk-hidden
для всех элементов с классом continue_text
и одновременно удалить класс uk-hidden
во всех элементах с классом review_show_button
.
Есть конструкция:
<li>
<div>
<?php echo $item['content']; ?>
<?php if ($item['continue_text'] ) : ?>
<a class="review_show_button" data-uk-toggle="{target:'.continue_text ,.review_show_button'}"> Читать полностью </a>
<span class="continue_text uk-hidden"><?php echo $item['continue_text']; ?>
<a class="review_hide_button" data-uk-toggle="{target:'.continue_text,.review_show_button'}"> Свернуть </a>
</span>
<?php endif; ?>
</div>
</li>
используется UIkit.
<li>...</li>
— один слайд. Таких слайдов несколько порядка 25
.review_show_button
— переключает/удаляет uk-hidden
в элементе с классом continue_text
. (показывается полный текст)
.review_hide_button
— добавляет uk-hidden
в элементе с классом continue_text
и удаляет uk-hidden
в <a class="review_show_button">
Существует также
<div><a href="#" class="slidenav-previous" data-uk-slideshow-item="previous"> предыдущий </a> </div>
<div ><a href="#" class="slidenav-next" data-uk-slideshow-item="next" > следующий </a></div>
Необходимо, что при каждом нажатии slidenav-previous
или slidenav-next
происходило добавление класса uk-hidden
ко всем элементам на странице с классом continue_text
и удаление uk-hidden
у всех элементов на странице с классом review_show_button
. Добавление/удаление uk-hidden
должно происходить в случае отсутствия/наличия соответственно у элементов указанных класов. т.е. вероятно должна быть проверка.
P.S. можно было бы сделать все на js, не сипользуя uikiit, но благодаря data-uk-toggle все это работает корректно с изменением высоты виджета. Так как владею js на уровне копипаст, решил просто добавить js, который добавить удалит нужный класс, как описано выше. Так как владею js очень плохо сделать код который корректно отрабатывал у меня не получилось. Как можно реализовать подобное? Буду благодарен за помощь. Способ реализации неважен, js, jquerry, возможно даже тот же uikit.
Как работает сам виджет-слайдер можно посмотреть тут https://dizajn-nogtej.taisiavlasova.com/#my-id-03