If you can make the L2 items show up when the L1 is *hovered over* instead
of clicked, then you can do that using css.  it will require some outside
scripts (usually either javascript or .htc) to get it working in all major
modern browsers, but there are a lot of tutorials out there.

you could check out sons of suckerfish at:
http://www.htmldog.com/articles/suckerfish/
that one uses some javascript to get it working

you could also take a look at:
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp
that one uses proprietary .htc scripts to get it functioning cross browser i
believe.

i've used both with good results.

take care,
jm

On 10/29/07, Simon Cockayne <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I am using an <ul> to store "level 1" menu items <li>, each of which
> directs to a page representing a topic.
>
> I know have a requirement to add in "level 2" menu items (zero or more
> beneath each L1 menu item", when user clicks(selects) an L1 menu, the L2
> options should become visible.
>
> <ul id="navmenu>
>    <li id="t-Home" class="L1"><a href="index.html">Home</a></li>
>    <li id="t-Bio" class="L1"><a href=" Bio.html">Bio</a></li>
>    <li id="t-Research" class="L1"><a href="Research.html
> ">Research</a></li>
>    <li id="t-Teaching" class="L1">Teaching
>       <ul>
>          <li id="t-TeachingClasses" class="L2"><a 
> href="T1.html">Classes</a></li>
>
>          <li id="t-TeachingCases" class="L2"><a href=" T2.html
> ">Cases</a></li>
>      </ul>
>    </li>
>    <li id="t-Links" class="L1"><a href="Links.html">Links</a></li>
> </ul>
>
>
> I've started down the rod of using DOM scripting...to remove the L2 items
> when the page loads and then toggle there addition/removal when a L1 item is
> clicked....but the JS is getting complicated...trying to support IE and
> Firefox.
>
> Is there a CSS way that can:
>
> A) Show ALL items of CSS is no supported (for WCAG).
> B) NOT impact SEO.
>
> Cheers,
>
> Simon
>
> *******************************************************************
> List Guidelines: 
> http://webstandardsgroup.org<http://webstandardsgroup.org/mail/guidelines.cfm>
> /mail/guidelines.cfm <http://webstandardsgroup.org/mail/guidelines.cfm>
> Unsubscribe: 
> http://webstandardsgroup.org<http://webstandardsgroup.org/join/unsubscribe.cfm>
> /join/unsubscribe.cfm <http://webstandardsgroup.org/join/unsubscribe.cfm>
> Help: [EMAIL PROTECTED] <[EMAIL PROTECTED]>.org<[EMAIL PROTECTED]>
> *******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to