Jquery’s a phenomenal JavaScript library that greatly reduces the amount of JavaScript required for front-end user interface interactions and utility tasks. As a quick introduction to the wonders of jQuery, I’ll demonstrate how simple it is to build a dropdown menu. First off, the HTML:

<div id="page">
<div id="content">
<ul id="menu">
<li><a href="#">About Us</a></li>
<li><a href="#" id="show">Services</a></li>
</ul>
<ul id="service-options">
<li><a href="blinds.html">Products</a></li>
<li><a href="curtains.html">Testimonials</a></li>
<li><a href="interior-designs.html">Contact Us</a></li>
</ul>
<ul id="menu">
<li><a href="#">Products</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div><!--page ends-->

(more…)