View Full Version : Jquery effects don't activate until after I mouse over once

07-24-2010, 01:12 PM
Hi guys

I am using a customized version of this free css dropdown menu (http://www.lwis.net/free-css-drop-down-menu/) script. It is just pure css, no jquery. I wanted to add some delay to the open and close on mouseover, here is what I added:

<script type="text/javascript">
$(document).ready(function () {
$('ul.dropdown li').hover(
function () {
//show its submenu
$('ul', this).slideDown(150);
function () {
//hide its submenu
$('ul', this).slideUp(250);

When I first mouse over, this does nothing, but if I mouse over the same drop down li a second time, it works. Check it out here (http://www.brainbuzzmedia.com/!BLUEPRINT/blueprint.html).

Any ideas on how I can fix this?