How about something like this? (Completely untested, sorry)
<div class="nav">
Nav Data
<div class="navflyout">
Lots of content here.
</div>
</div>
<div class="nav">
More Nav Data
<div class="navflyout">
Lots of content here.
</div>
</div>
div.nav { float:left;position:relative; }
div.navflyout { display:none;position:absolute;left:0px;top:25px; }
$(document).ready(function(){
$('div.nav').hover(
function(e){ $(this).children('div.navflyout').show(); },
function(e){ $(this).children('div.navflyout').hide(); }
}
-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of dsizemore
Sent: Tuesday, October 21, 2008 8:17 PM
To: jQuery (English)
Subject: [jQuery] Fly out nav menu with a div instead of ul?
I'm looking for a solution that will allow me to display a fly out
container once a navigation menu item is clicked. This is essentially
the same idea as a normal fly out unordered list menu but I'd like to
have a div fly out in which I can add text, links and possibly and
image or two just like you would in a normal div container. Similar to
what ABC has going on with their menu: http://abc.go.com/
Thanks
