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: [email protected]
Search: http://radiantcms.org/mailing-list/search/
Site: http://lists.radiantcms.org/mailman/listinfo/radiant
