• 0

Dropdown menu using Jquery - cross browser compatibility?


Question

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!

3 answers to this question

Recommended Posts

  • 0

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;

}

  • 0

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

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • If you don't care to read what I said, then you prove my point. Maybe written media is beyond your attention span. Titles are not summaries my friend.
    • Nobody asked... in fact, I said "I don't care about political leanings"  
    • TLDR. Here is a far better title (just a basic example): Windows 11 26H2 to allow disabling Web search results
    • Restore will get my vote, only if to see if things are any different, doubt it though but Labour and Conservatives too out of touch and same thing over and over and over…, Lib Dem who?
    • There is nothing wrong with this title. You have completely missed the plot when it comes to "clickbait." The issue was never that a title tries to entice you to click, that is how titles have worked for over 100 years. The issue is when the title subverts expectations, getting you to click expecting something that isn't there. The classic clickbait example is "Boyfriend caught cheating, what happens next will shock you," then what happened next is the girlfriend was upset...which is probably the least shocking outcome imaginable. If sounds like what you want is for the titles to be a collection of 10-word summaries that you can skim, get the just of the story, and only click if you want more details. That is not, never has been, and never will be what titles are. You can go all the way back to print newspapers during the great depression and see the same thing. The newspaper was locked in a vending machine, all you can see is the headline, you choose to put in 5¢ to buy the paper and read the rest if you want. Those headlines were written in a way to sell the paper, not just to provide a summery. Here are two actual headlines from that time, "Wall Street Lays an Egg," or "Stocks Hit Bottom?" Maybe you'd say something like "it was wrong then and it's still wrong now." Okay, fine opinion to have, but it isn't like Neowin is doing something unjurnalistic, they are just following the age-old standards for written media.
  • Recent Achievements

    • Dedicated
      tuben earned a badge
      Dedicated
    • Week One Done
      mnsgroup earned a badge
      Week One Done
    • Conversation Starter
      sumytbe earned a badge
      Conversation Starter
    • One Year In
      B4dM1k3 earned a badge
      One Year In
    • One Year In
      DarkWun earned a badge
      One Year In
  • Popular Contributors

    1. 1
      +primortal
      525
    2. 2
      +Edouard
      199
    3. 3
      PsYcHoKiLLa
      94
    4. 4
      Michael Scrip
      82
    5. 5
      neufuse
      67
  • Tell a friend

    Love Neowin? Tell a friend!