Join Chris Converse for an in-depth discussion in this video Nesting a list within another nested list, part of Creating Navigation Menus with jQuery and Dreamweaver.
Now to prepare HTML for a third level navigation system, let's come up here to…the nested unordered list inside of Link 3. Let's copy that.…Let's come down to Link 4 before the ending list item tag.…Let's hit a few returns, split that open, let's paste in all of the links for the Sub Link here.…Let's change 3s to a 4. So now we have Sub Link 4-1, 4-2 and 4-3.…Now let's add a nested list inside of link 4-2.…So let's come inside of here before the ending list item tag, let's hit…Return, split that open, let's paste those links inside of here.…
So let's come in here and change these.…This is going to be 4-1, 4-2, and 4-3, but then we're going set -2 for each one of these.…So now we have Sub Link 4-2-1, 4-2-2, and 4-2-3.…So these are three sub links inside Sub Link 4-2, which is a sub link of Link 4.…Now save your work. And to get a quick idea of what this is starting to look…like, let's come over here and click on Live View.…
Over here in the right-hand side, we'll see all of those unordered lists in place.…
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.