> Hi > > On this site I have some Javascript which displays a different DIV > depending on what left menu option is hovered over. There's also a > stylesheet switcher for a high-contrast version. > > In the high contrast version, I want all the previously hidden DIVs to > display by default, without the need to hover over the menu options. > > site in-dev: http://wales.nice-design.co.uk/ > default css: http://wales.nice-design.co.uk/_css/www-default.css > high-contrast css: http://wales.nice-design.co.uk/_css/www-highcontrast.css > show/hide DIVs js: http://wales.nice-design.co.uk/_js/showhide.js > > Any thoughts on how?
Instead of setting the display to block and none in the JavaScript, apply and remove a class instead, and set the classes accordingly in the different style sheets. http://www.onlinetools.org/articles/unobtrusivejavascript/cssjsseparation.html -- 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/
