Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Nav bar fading dropdown

  • 05-02-2017 08:32PM
    #1
    bryan123456789
    Registered Users, Registered Users 2 Posts: 10 ✭


    Hi does anyone know how to make my nav fade when hoovered? Using JQuery or CSS? This is my nav, thanks in advance!

    <nav>
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a>
    <ul>
    <li><a href="#">Mens</a>
    <ul>
    <li><a href=""> Hoodies and Jumpers </a></li>
    <li><a href=""> Sweatpants and Jeans </a></li>
    <li><a href=""> T-shirts and Shirts</a></li>
    <li><a href=""> Outfits for him</a></li>

    </ul>
    </li>
    <li>
    <a href=""> Womans</a>
    <ul>
    <li><a href=""> Hoodies and
    Jumpers</a></li>
    <li><a href=""> Sweatpants and Jeans </a></li>
    <li><a href=""> T-shirts and Shirts</a></li>
    <li><a href=""> Outfist for her</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="#">Basket</a></li>
    <li><a href="#">Login</a></li>
    <li><a href="#"><span style="color: red">Sale</a></span>
    <ul>
    <li><a href="#">Men's sale</a></li>
    <li><a href="#">Woman's sale</a></li>
    </ul>
    </li>
    </nav>


Comments

  • #2
    daymobrew
    Registered Users, Registered Users 2 Posts: 6,652 ✭✭✭daymobrew


    What have you tried so far?
    Is this homework?


Advertisement