Join Chris Converse for an in-depth discussion in this video Nesting unordered lists, part of Creating Navigation Menus with jQuery and Dreamweaver.
Now to create our first menu, we need to create a nested unordered list.…So let's come in here under Link 1.…After the anchor link, but before the ending li, let's hit a Return, let's split…that open, let's come inside of here, and we're going to add another unordered…list inside of this list item.…So let's start with the ul tag, let's end that tag, let's split that open, let's…open that up, add another list item tag, end that tag. Let's copy that.…
Let's paste that two more times, insert another anchor link inside, make that a…self link, so we'll link it to a pound sign, and the anchor tag, let's paste…that inside of each of other list items. And for the very first one, inside of…the link area, we'll type Sub Link space 1-1, let's copy that, and the second…one, we'll call that Link 1-2, and then 1-3.…
One of the thing we're going to do inside of here, let's add a class to the…middle one, and we're going to set this class equal to selected.…Let me come over here and open my split a little bit more.…So this selected class here is going to allow our users to see what section of…
To preview the finished project, visit: http://codifydesign.com/chris/lynda/samples/course-0015
This course was created and produced by Chris Converse. We are honored to host his material in the Lynda.com online training library.
Skill Level Intermediate
Q: Where can I find more menu information and plug-ins from menu systems?
A: There is a great article from 1stwebdesigner, "38 jQuery And CSS Drop Down Multi Level Menu Solutions", where they list and explain thirty-eight different plug-ins and techniques.