Всплывающий блок.

[Beriagts]

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

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

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

[bayrach]

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

[Black_Prince]

вместо id="info" сделай class="info"
и обращайся

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

[Beriagts]

да понял ошибку спс.

[zoOmer]

Да бы не создавать новую тему подскажите как в выезжающей панели сделать так чтоб открывалась только раз если нажать на ссылку с идом 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)

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