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

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

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

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

$(this).parent().addClass('now');

ты присваиваешь #info свой класс, я так понял этих id у тебя 12, так делать нельзя, id должен быть уникальным

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

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

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

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

Взято От сюда

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