Posted by Jonathan N. Little on 12/05/06 01:19

windandwaves wrote:
> Jonathan N. Little wrote:
>> windandwaves wrote:
>>> Hi Folk
>>>
>>> I would love some feedback on www.photowarehouse.co.nz.
>> Maybe with broadband you will not noticed this but your very long
>> expanding menu should initialize in the compact mode.
>>
> Hi Jonathan
>
> Thank you for your comment. I totally agree, it is just that I am not
> sure how.
>
> If I put display: none; in the css then the javascript does not open it
> when it should.
>
> I think it is a timing issue or so, but I am not sure how to fix it.

Here is how I would do it:

1 by default in your CSS have it all displayed

2 by JavaScript add link to stylesheet that redefines menu lists as
display: none (collapsed mode) That way if one has JavaScript disabled
they will still see your menu!

3 In JavaScript have flags vars initialized as FALSE for each
collapsible menus

4 With your JavaScript adds onclick handlers for menu "expander" links
to toggle flag of menu. If flag is TRUE then for associated menu, by the
id, set display property to "block", or if FALSE set to "none".


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]