Функция 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();

0 ответов

Другие вопросы по тегам