Функция Jquery click для показа-скрытия иконки в двух делениях одновременно
У меня есть функция щелчка, которую я использую, чтобы показать или скрыть "значок (vert-flag)", когда изображение, которое просматривается в галерее изображений, выбирается в качестве избранного, щелкая значок (.fav) под изображением. Значок изменится, показывая, что он выбран, и отображается избранное (vert-flag). Это хорошо работает, но я также пытаюсь установить ту же самую любимую настройку на соответствующем миниатюрном изображении в отдельной зеркальной галерее и показать там значок (vert-flag). Моя проблема состоит в том, чтобы выяснить, как перейти ко второй галерее и одновременно пометить этот эскиз.
Показать-скрыть Нажмите, чтобы:
$(".fav").live('click', function() {
$(this).toggleClass('sticky')
.removeClass('icon-heart-empty')
.addClass('icon-check')
.toggleClass('fav')
.closest('.selectFav')
.toggleClass('favorites');
$(this).closest(".selectFav").children(".vert-flag").show();
});
$(".sticky").live('click', function() {
$(this).toggleClass('fav')
.removeClass('icon-check')
.addClass('icon-heart-empty')
.toggleClass('sticky')
.closest('.selectFav')
.toggleClass('favorites');
$(this).closest(".selectFav").children(".vert-flag").hide();
});
HTML для основного изображения, чтобы выбрать в качестве избранного:
<div id="book">
<div class="selectFav" >
<span class="vert-flag icon-heart icon-large" style="display:none;"></span>
<h1>Wall</h1>
<a href="slides/Wall.jpg" title="Wall"><img src="thumbs/Wall.jpg" alt="Wall" title="Wall"/></a>
<div class="titles">
<i class="fav icon-heart-empty"></i>
</div>
</div>
</div>
HTML для соответствующего эскиза:
<div id="slider">
<div class="item">Wall<br>
<a href="#" title="Wall">
<img src="thumbs/Wall.jpg" alt="Wall" data-page="38" />
</a>
<span class="vert-flag icon-heart icon-large" style="display:none;"></span>
</div>
Я пробовал несколько разных вещей, но я не достаточно опытен, чтобы понять, как пройти через дом, чтобы получить эффект миниатюры. Я пробовал что-то подобное в функции щелчка, но не повезло.
$(this).parents('#slider').closest(".item").children(".vert-flag-mini").show();