Expand div on hover

i tried doing it with css, the closest i got was: http://jsfiddle.net/XyDec/ It kind of works, but don't hide the content inside it and i would like some smooth animation , so i guess it's scripts time. i can't write them or don't know where to look for them, could anybody help me ?

Answers


you may take a look at the jquery javascript framework (user friendly and powerfull) here is an example of smooth slide down of div using jquery:

http://api.jquery.com/slideDown/

this is made with one line : $("div").slideDown("slow");

hope it help


Need Your Help

div element not autoadjusting itself on zoom

html css

I have a form just below the banner on the homepage of a website.The form has a submit button and the whole site is responsive.

The static field view.GONE should be accessed in a static way?

java android webview

I am building an android app and I have a warning that is not causing any problems however, when I see a warning I like to at least know what is causing it. The app uses webview.