&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
&lt;html xmlns="http://www.w3.org/1999/xhtml">
&lt;head>
&lt;title>Menu with jQuery&lt;/title>

  &lt;link rel="stylesheet" 
        href="yui-rollover_files/yui-rollover.css" 
        type="text/css" media="screen">
  &lt;script type="text/javascript" 
             src="yui-rollover_files/jquery-1.2.3.min.js">&lt;/script>
  &lt;script type="text/javascript">
  
    jQuery(function($) {
        btns = $('.btn');
        btns.hover(
          function(){ $(this).addClass('btn-over')},
          function(){ $(this).removeClass('btn-over')}
        )
      })
      
  &lt;/script>&lt;/head>&lt;body>
  &lt;div id="menu">
    &lt;div class="btn">
      &lt;a href="#">Link 1&lt;/a>
      &lt;p>Description for link 1&lt;/p>
    &lt;/div>
    &lt;div class="btn">
      &lt;a href="#">Link 2&lt;/a>
      &lt;p>Description for link 2&lt;/p>
    &lt;/div>
    &lt;div class="btn">
      &lt;a href="#">Link 3&lt;/a>
      &lt;p>Description for link 3&lt;/p>
    &lt;/div>
  &lt;/div>
&lt;/body>&lt;/html>