Kensington Nav Menu

Testing scripting on the nav menu for the Kensington web site

by eventide

HTML

<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Business Directory</a></li>
    <li><a href="#">City Government</a></li>
    <li><a href="#">Community Calendar</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Churches and Schools</a></li>
    <li><a href="#">Recreation Areas</a></li>
    <li><a href="#">Map</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>

CSS

#nav { list-style-type: none; }

#nav li { margin-bottom: 2px; }

#nav a {
    color: #000000;
    text-decoration: none; }

.navHover { font-weight: bold; }

JavaScript

$("#nav li").hover(function(){$(this).toggleClass('navHover')});
//.hover(function(){$(this).fadeOut(100);$(this).fadeIn(500);});