Home/ Questions/Q 8397697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T20:51:40+00:00

I have a three level menu that works on :hover and uses only css.

  • 0

I have a three level menu that works on :hover and uses only css. Now I need to add a small delay to the hovers (changing therefore my css :hovers to a .hover class and using jQuery). Problem is, if a browsers has javascript turned off, will the menu will still work? Can I have both ‘systems’ working at the same time?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add a class no-js on your <html> tag:

    <html class="no-js">

    Then remove that class from JavaScript:

    $('html').removeClass('no-js');

    And in CSS you target browsers with JS disabled like so:

    .menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled
    • 0