JSFiddle - React, Tailwind, and code Playground

by Andrew Lyndem

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">      
    <ul class="nav navbar-nav">        
        <li><a href="index.html">Home</a></li>      
        <li><a href="pricing.html">Pricing</a></li>     
        <li><a href="gallery.html">Gallery</a></li>     
        <li><a href="testimonials.html">Testimonials</a></li>   
        <li><a href="contact.html">Contact</a></li> 
    </ul>   
</nav>

JavaScript

$(document).ready(function(){
$("nav li").mouseenter(function(){
    $(this).fadeTo("normal", 1);
});
$("nav li").mouseleave(function(){
    $(this).fadeTo("normal", 0.6);
});

});