$(document).ready(function(){

             $("#mainnav li").hover(

      function () {

             $('a:first',this).addClass('hover');

                        $('ul:first',this).css('display','block');

                        $('ul ul:first',this).css('display','none');

      }, 

      function () {  

              $('a:first',this).removeClass('hover');

                        $('ul:first',this).css('display','none');

      }

    ); 

   

  

   

 });