Jason Broom said the following on 11/13/2009 05:30 PM: > New to RadiantCMS. Not a developer. I'm trying to create an n-tiered (three > levels) standard navigation for a test site. Grandparents - Parents - > Children. This n-tiered navigation should always show the Grandparents, but > only show the children when a parent is clicked on. I don't want any > third-tier cousins to see one another.
What you're missing is "do it all with CSS". Go google for things like "Suckerfish menu" done entirely in CSS. I did this for one client - very nice it was. Just as you describe. They decided they didn't want it after all :-( It uses three levels of nested <ul> ... </ul> and the menu items are each <li>...</li> <div id="menu"> <ul> <li><h2>Actions </h2> <ul> <li> Action 1 </li> <li> Action 2 </li> <li> <h2>Nested Actions</h2> <ul> <li> Nested Action1 </li> </ul> </li> </ul> </li> </ul> </div> See also http://meyerweb.com/eric/css/edge/menus/demo.html mouseover the 'css/edge' on the menu on the far right See: three elvels http://pixelspread.com/blog/289/css-drop-down-menu http://csscreator.com/node/30664 http://www.roopletheme.com/forum/index.php?topic=631.0 Here's a generator: http://pixopoint.com/products/suckerfish_css/ http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/ http://www.classicaleconomies.com/ The classic Suckerfish http://www.htmldog.com/articles/suckerfish/dropdowns/example/ used a bit of javascript to get around IE problems, but later versions used pure CSS. http://users.tpg.com.au/j_birch/plugins/superfish/ Here's the three (and four, vertical and horizontal) level illustrated http://htmldog.com/articles/suckerfish/dropdowns/ http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html http://htmldog.com/articles/suckerfish/dropdowns/example/bones3.html albeit with some javascript But see http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ Or here's a version that deals with an indefinite number of levels by using some javascript magic http://netweblogic.com/css/suckerfish-drop-down-menu-improved/
_______________________________________________ Radiant mailing list Post: Radiant@radiantcms.org Search: http://radiantcms.org/mailing-list/search/ Site: http://lists.radiantcms.org/mailman/listinfo/radiant