常见三级菜单

  

核心jquery代码：

$(function(){

   $('.topH li').mouseenter(function(){
      var that = $(this);
   var index = $('.topH li').index(that);
   $('.topH li').removeClass('activeLi').eq(index).addClass('activeLi');
   $('#content .neirong').hide().eq(index).show();
//   var a = $('#content .neirong').eq(index).find('li').length;
      enterLi()
   })
  
   function enterLi(){
      $('#content .neirong:visible').find('li').hover(function(){
         var thatH = $(this);
      var $li = $('#content .neirong:visible').find('li');
      var indexH = $li.index(thatH);
      $li.find('h3').eq(indexH).addClass('activeH4');
      $li.find('.one').eq(indexH).addClass('activeDiv');
      },function(){
         var thatH = $(this);
      var $li = $('#content .neirong:visible').find('li');
      $li.find('h3').removeClass('activeH4');
   $li.find('.one').removeClass('activeDiv');
   })
   }
  
   enterLi()
})