Fading animation on mouseleave with Drop Down/Overlapping Script?

[AshleyQuick]

Drown Down/Overlapping Content Script

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm


Is is possible to modify this so that the div fades out slowly on mouseleave? It's great now but with this, it would be amazing! :)

[ddadmin]

Well, it's pretty simple if you use a framework such as jQuery to add the fade out feature. Firstly, add the below to the head of your page:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Then, use the modified .js script instead, which uses jQuery to fade out the drop down content onMouseout.