Hi all, my first post to this list, having exhausted the tutorials, plugins and documentation.
I am building a flyout menu, where each flyout is a scrollable div (using jScrollPane for custom scrollers) containing a heading and unordered list of many items. Each flyout div is triggered from an anchor inside the primary navigation unordered list items. I have the flyout working using show/hide on the primary nav anchor except it disappears before I get to the scrollable div. Q. Are there standard techniques for extending the allowable hover area to the flyout div, and then hiding when mouse outside the flyout div or over the next primary navigation? Most of the tutorials focus on nested unordered lists or show-hide panels used outside of a navigation context. I pseudo code I think I need to : for each anchor in the primary nav list: set up the reveal and hide actions for the associated flyout div id which first hides any shown flyouts, then shows or fadeIns the correct div allows a small delay after leaving the hover area to get to the flyout, hide the flyout when leaving the flyout Am I on the right track? Any pointers gratefully recieved. SeanR
