Dropdown menu using Jquery - cross browser compatibility?

[Thom]

Hi

So i finally got this vertical navigation working to how i wanted, bar a couple of minor css tweaks

http://www.elizabethrbroadcastingfund.org/cba/test.html

I used this tutorial http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

I think someone posted on this forum, thanks to that person

Anyway the website that'll be on is used by people who may not have the latest browsers or computer knowledge so useability is crucial as this will be the main navigation. Is there a way to test it out without having to install previous versions or browsers? I know there's websites but they all just provided a screenshot, which isn't enough.

In fact - http://browsershots.org

That website seems very useful, the arrows appearing (next to my links; when i run the page through that website) indicates to me it should work. I don't want to find out by launching it that it doesn't work for a lot of users though!

My key concern is when I ran it in internet explorer with the compatibility view on it totally destroyed it.

thanks!

[Brian M. Veteran]

Does it have to have the scroll effects?

I find the best way to do drop down navigation menus is without javascript completely. E.g - if your dropdowns are nested <ul>s within <li>s, you could use the following CSS to show/hide the dropdown when hovering over the parent li:

ul li ul {

display: none;

}

ul li:hover ul {

display: block;

}

[_neutrino Veteran]

not a programing note however, the green (down arrow) you have chosen is it supposed to look like a heart rather than an arrow?

[Thom]

The green arrow will change, I just stole that from the original example just to save me time - never noticed it looking like a heart though :laugh: - ah it'll be because the original example uses it on a dark background haha I can see exactly how you mean now

You make an interesting point bmaher, luckily its the summertime so my workload's rather low and I've got plenty of time to test different methods, thanks - i'll keep you updated on it