I have done an expanding submenu -- the CSS determines HOW it will look. The
JavaScript implements the action. I wish I could remember right now where I
found the solution -- but I believe it was on-line. Search for:
expanding menu CSS JavaScript
-----Original Message-----
From: dimpie [mailto:[EMAIL PROTECTED]
Sent: Thursday, August 11, 2005 3:18 AM
To: css-d@lists.css-discuss.org; Christian Heilmann
Subject: Re: [css-d] expanding submenu
Chris,
I was already afraid that it couldn't be done with CSS only.
Do you perhaps have an example of how I can accomplish this with javascript,
or do you know a 'good' javascript forum where I can get this information?
Thanks Dimpie.
----- Original Message -----
From: "Christian Heilmann" <[EMAIL PROTECTED]>
To: "dimpie" <[EMAIL PROTECTED]>
Cc: <css-d@lists.css-discuss.org>
Sent: Wednesday, August 10, 2005 3:46 PM
Subject: Re: [css-d] expanding submenu
On 8/10/05, dimpie <[EMAIL PROTECTED]> wrote:
> I would like to be able create a menu with several levels (submenu's) that
does the folowing:
> If you hover over the toplevel the submenu should expand and stay visible
when you remove the mouse from it.
> When you hover over the top menu again, the submenu should close.
> I was wondering it this is possible with CSS only?
> Here is an example http://www.hoogvliet.com/ of what I'd like to achieve.
> If you hover over 'Over Hoogvliet' the submenu expands and stays open if
you remove the mouse cursor.
No. CSS cannot keep a state, and can only show and hide everything
inside the element the cursor is currently on. This effect can be
easily done with JavaScript though.
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
