How to use jquery to do this navigation?


when the mouse hovers on the first li, under it shows a text line. when hovers on the second li, under it shows a sub navigation rows.

eg:if the following is my html structure:

<div class="nav-top">
  <li class="navahead current"><a href="/">home</a></li>
  <li class="navahead"><a href="#">code</a></li>
  <li class="navahead"><a href="#">book</a></li>
  <li class="navahead"><a href="#">test</a></li> 

how to layout the subnav?
eg: the home’s subnav is a text line: “welcome to my site”
the code’s subnv is “php asp java …”

You don’t really need JavaScript. Here’s a CSS example. Just view source to see how it’s built.

Drop down Menu

nope,it used js which named(ddown.js)

It works without JS. The JS is just there to help browsers like IE6 that don’t support li:hover. Essentially irrelevant now.