Question

JS 2级菜单改成3级菜单

JS代码：
$(document).ready(function(){
$('.sidelist').mousemove(function(){
$(this).find('.i-list').show();
$(this).find('h3').addClass('hover');
});
$('.sidelist').mouseleave(function(){
$(this).find('.i-list').hide();
$(this).find('h3').removeClass('hover');
});
});

HTML代码：
<div class="sidelist">
<span><h3><a href="http://js.alixixi.com">巧克力</a></h3></span>
<div class="i-list">
<ul>
<li><a href="##">桶装</a></li>
<li><a href="##">儿童</a></li>
<li><a href="##">盒装</a></li>
<li><a href="##">咖啡味</a></li>
<li><a href="##">草莓味</a></li>
</ul>
</div>
</div>

我想在原来的基础上 再加一级 但是我JS刚起步 不是很会，自己改了很久 都没成功...

Answer 1

两级的菜单，用二维数组，三级用三维的就行