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

Я нашел этот вопрос/ответ,

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

EDIT: 1-й ответ исправил проблему "расширения при загрузке", но не самый нижний DIV

EDIT 2: Окончательный рабочий код: http://jsfiddle.net/6PDEA/5/

Исправлена ​​проблема с нижним DIV. Я просто добавил под ним еще один DIV с пустым изображением размером 785 x 30 высот.


html hover expand mouseover contract
person Shawn    schedule 03.08.2011    source источник
comment
Не могли бы вы предоставить часть модифицированного кода, который вы используете, чтобы мы могли понять, в чем может быть проблема.   -  person AJC    schedule 03.08.2011
comment
Ссылка есть в вопросе выше, но вот еще раз: jsfiddle.net/6PDEA/4   -  person Shawn    schedule 03.08.2011
comment
Также может быть хорошей идеей использовать с этим методом плагин hoverIntent.   -  person Ville    schedule 30.04.2012

Ответы (1)


arrow_upward
1
arrow_downward

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

Так не должно быть

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

но :

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

Потому что fp-cat — это класс, разделяемый различными div...

person Pierre Henry    schedule 03.08.2011
comment
Спасибо, что указали на мою очевидную ошибку :) Это приводит к тому, что начало DIV сворачивается, как и должно быть, но не исправлено, что последний не запускается рухнул и работает так, как должен :( - person Shawn; 03.08.2011