Развертывание DIV при наведении курсора мыши / развертывание при наведении мыши

Question

Я нашел это Q / A,

Но когда я изменяю его для своего использования, как показано здесь http://jsfiddle.net/6PDEA/4/ самый нижний div не остается закрытым.Кто-нибудь может помочь?

РЕДАКТ.: Окончательный рабочий код: http://jsfiddle.net/6PDEA/5/

Исправлена ​​нижняя проблема с DIV.Я просто добавил еще один DIV под ним с чистым графиком размером 785 Вт x 30 ч.

Answer 1

Ваш CSS неверен:

Это не должно быть

div#fp-cat {
   height: 30px;
   width: 785px;
}

, но:

div.fp-cat {
   height: 30px;
   width: 785px;
}

Поскольку fp-cat является классом, общим для различных элементов div...