常见三级菜单

 

核心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()
})