JQuery легко выпадающее меню?

Question

Я построил простое выпадающее меню.
Код и демонстрация здесь: http://jsfiddle.net/3Lq2d/5/
Это выглядит так:

Наведение над MENU 1затухает в Submenu s.

Это прекрасно работает, если только вы не станете spaz и не будете много манипулировать мышью по меню, и в этом случае он застревает в полупрозрачном состоянии.

Использование .stop(true,true) устраняет проблему со спазом, но устраняет возможность перемещения мыши из меню в подменю.Я использую fadeIn / fadeOut, чтобы дать небольшую задержку, поэтому, когда мышь перемещается из меню в подменю, подменю остается видимым ... stop (true, true) ломает это.

Как лучше всегопостроить исчезающее меню с небольшой задержкой во всех нужных местах?

---

ОБНОВЛЕНИЕ:

Я повозился до полного удовлетворения, добавив задержки для hoverintent ... вот окончательный код:http://jsfiddle.net/3Lq2d/75/

Answer 1

Удалите оба return false;, я считаю, что это ваша проблема. http://jsfiddle.net/3Lq2d/3/

Кроме того, я предлагаю вам использовать неупорядоченный список для этого вместо div, это имеет больше смысла и даст вам меньше головной боли.

Взгляните на этот урок, который я написал недавно http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizontal-dropdown-menu-with-html-css-and-jquery/