вопрос
Всем привет. У меня задача показать - скрыть блок при клике по кнопке в short story. Я реализовал это, но проблема в том что показываются и скрываются блоки во всех новостях на странице.
Сайт с реализацией: https://povarenok.online/
Скрипт в main.tpl:
Сама кнопка в short story:
Блок который скрываем - показываем в short story:
Спасибо за помощь.
Сайт с реализацией: https://povarenok.online/
Скрипт в main.tpl:
Сама кнопка в short story:
Блок который скрываем - показываем в short story:
Спасибо за помощь.
Потому как события происходят как раз на все элементы класса 'latest-ingridient', а надо в функции каждого клика определять текущий и использовать его.
$(this) - текущий элемент кнопки
.prev() - выбирает элемент выше текущего
$(this) - текущий элемент кнопки
.prev() - выбирает элемент выше текущего
<script>
$(document).ready(function(){
$('.content_toggle').click(function(){
$(this).prev().toggleClass('hide-menu');
if ($(this).prev().hasClass('hide-menu')) {
$(this).html('<span class="fa fa-arrows-v" style="margin-right: 10px;"></span>Показать все ингредиенты<span class="fa fa-arrows-v" style="margin-left: 10px;"></span>');
} else {
$(this).html('<span class="fa fa-arrows-v" style="margin-right: 10px;"></span>Скрыть ингредиенты<span class="fa fa-arrows-v" style="margin-left: 10px;"></span>');
}
return false;
});
});
</script>
