Wyłącz łącza nadrzędne w nawigacji po zagnieżdżonych listach - CSS-Tricks

Anonim

Kod jQuery, który wyłącza łącza nadrzędne dla menu rozwijanych. Menu powinno być zbudowane jako listy zagnieżdżone, a łącze nadrzędne jest wyłączone. Pomaga to wyeliminować bezużyteczną stronę, aby wyświetlać tylko listę linków do stron, które już wyświetla menu rozwijane.

jQuery

$("#navigation li:has(ul.sub-navigation)").hover(function () ( $(this).children("a").click(function () ( return false; )); ));

Referencyjny kod HTML



    

  • Nav 1
    • 

      

    • SubNav 1
      • 

    • SubNav 2
      • 

    • SubNav 3
      • 

    

  • Nav 2
    • 

  • Nav 3
    • 

  • Nav 4
    •