Jquery click и toggleClass вопрос - PullRequest
Новая
       28

Jquery click и toggleClass вопрос

0 голосов
/ 08 ноября 2010

вот моя, вероятно (и, надеюсь,) простая проблема:

У меня есть список с изображениями в качестве навигации.когда вы наводите курсор на них, jquery анимирует div с подписью и показывает его.исчезает при мышлении.(отлично работает)

при нажатии на изображение, div заголовка анимируется дальше и накладывается на изображение полностью (работает нормально).при наведении указателя мыши на другое изображение в навигационной панели анимируется заголовок div (работает нормально).

проблема: при нажатии второго навигационного изображения анимация первого (нажатая) должна исчезнуть.

вот jquery: 

var thumbslide = $('.boxgrid.captionfull').click(function() {
   $(this).toggleClass('clicked').children('.cover').stop().animate({top: 0, height:"230px", opacity: 1}, 350);
});
$('.boxgrid.captionfull:not(.clicked)').live('mouseenter', function() {
    $(this).children('.cover').stop().animate({top: 130}, 350);
}).live('mouseleave', function() {
    $(this).children('.cover').stop().animate({top: 230}, 350);
})

и вот ссылка на сайт разработчика

любая помощь приветствуется, спасибо.

Ответы [ 2 ]

0 голосов
/ 08 ноября 2010

Это удаляет класс clicked и анимирует его обратно и возвращает непрозрачность обратно к 0,7: 

var thumbslide = $('.boxgrid.captionfull').click(function() {
   $('.boxgrid.captionfull.clicked').removeClass('clicked').children('.cover').stop().animate({top: 230, opacity: 0.7}, 350);
   $(this).toggleClass('clicked').children('.cover').stop().animate({top: 0, height:"230px", opacity: 1}, 350);
});
0 голосов
/ 08 ноября 2010

Разве это не случай поиска какого-либо другого кликаемого элемента и удаления его кликаемого класса?

...