• 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

    • Mastodon updates terms of service to ban AI model training on user data by David Uzondu Mastodon has updated its terms of service to explicitly prohibit scraping its platform to train artificial intelligence models. The new rules, which kick in on July 1, make it perfectly clear that using automated tools to slurp up user data from its main server, Mastodon.social, for LLM training is a big no-no. Neowin received a copy of an email sent to users, notifying them of the change, which introduces new language prohibiting the "scraping of user data for unauthorized purposes, e.g., archival or large language model (LLM) training." Here's a snippet from the updated terms of service: This policy change comes at a time when users are getting increasingly ###### off about their public posts becoming free fuel for the AI gold rush. In fact, this is probably good news for the same crowd over on Bluesky that freaked out after a massive, user-traceable dataset of their public posts was compiled and uploaded for AI research. AI bot scraping has become a huge problem for everyone from giants like Reddit, which is now suing Anthropic, makers of Claude, for training on its posts without a license, to even Neowin readers, like Gerowen, who noted how a swarm of bots, including one Claudebot (you don't say!), hammered his personal server with over 700,000 requests in 24 hours, putting a huge strain on his "home NAS running on an old PC tower in the back woods of Kentucky." It is important to remember that Mastodon is a federated network. These new terms apply specifically to the Mastodon.social server, which is operated directly by Mastodon gGmbH. This means that while users on the main instance are now protected, those on other independent servers in the "fediverse" will only get the same protection if their instance administrators adopt similar terms. The company is globally enforcing a new minimum age requirement of 16 for all users, raising it from the previous limit of 13.
    • Keep in mind that updates for it end on Oct 13, 2026. While this may not matter much for those who don't care about features, it might for fixes, and it certainly would for security.
    • This is why you should have a backup copy of your data on an external drive in addition to the cloud. You never know when one day you could lose access to your cloud
  • Recent Achievements

    • Explorer
      JaviAl went up a rank
      Explorer
    • Reacting Well
      Cole Multipass earned a badge
      Reacting Well
    • Reacting Well
      JLP earned a badge
      Reacting Well
    • Week One Done
      Rhydderch earned a badge
      Week One Done
    • Experienced
      dismuter went up a rank
      Experienced
  • Popular Contributors

    1. 1
      +primortal
      699
    2. 2
      ATLien_0
      275
    3. 3
      Michael Scrip
      219
    4. 4
      +FloatingFatMan
      190
    5. 5
      Steven P.
      146
  • Tell a friend

    Love Neowin? Tell a friend!