Вход

Просмотр полной версии : Всплывающий блок.


Beriagts
31.07.2011, 23:01
Здравствуйте.
На странице имеется 12 одинаковых блоков, как товар в ие. магазине.
Нужно что бы при нажатий выезжало описания картинки.
Написал что типа этого:

$('#info p').click(function(){
$(this).parent().addClass('now');
if($('#info').hasClass('now')){
$('#info').animate({marginTop:-117},1500);
}

});
Возникла проблема почему анимируется только первый блок с 12 в остальных блоках происходит только добавления класса.

bayrach
01.08.2011, 10:37
$(this).parent().addClass('now');
ты присваиваешь #info свой класс, я так понял этих id у тебя 12, так делать нельзя, id должен быть уникальным

Black_Prince
01.08.2011, 11:00
вместо id="info" сделай class="info"
и обращайся

$('.info p').click(function(){
$(this).parent().addClass('now');
if($(this).hasClass('now')){
$(this).animate({marginTop:-117},1500);
}

Beriagts
01.08.2011, 12:34
да понял ошибку спс.

zoOmer
03.08.2013, 03:58
Да бы не создавать новую тему подскажите как в выезжающей панели сделать так чтоб открывалась только раз если нажать на ссылку с идом toggle а внутри панели сделать кнопку close ??

window.addEvent('domready', function(){
var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();

});
});


Взято От сюда (http://ruseller.com/lessons.php?rub=33&id=333)

Заранее огромное спасибо!