jquery仿京东左侧菜单

好的，下面是一个简单的jQuery实现京东左侧菜单的代码示例：
HTML代码：

<div class="menu">
  <ul>
    <li>
      <a href="#">手机数码</a>
      <ul>
        <li><a href="#">手机</a></li>
        <li><a href="#">电脑</a></li>
        <li><a href="#">相机</a></li>
      </ul>
    </li>
    <li>
      <a href="#">家用电器</a>
      <ul>
        <li><a href="#">电视</a></li>
        <li><a href="#">冰箱</a></li>
        <li><a href="#">洗衣机</a></li>
      </ul>
    </li>
    <li>
      <a href="#">服饰鞋帽</a>
      <ul>
        <li><a href="#">男装</a></li>
        <li><a href="#">女装</a></li>
        <li><a href="#">鞋靴</a></li>
      </ul>
    </li>
  </ul>
</div>

CSS代码：

.menu ul {
  list-style: none;
  padding-left: 0;
}
.menu li {
  position: relative;
}
.menu a {
  display: block;
  padding: 10px;
  background: #f2f2f2;
  color: #333;
  text-decoration: none;
}
.menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.menu ul li:hover > ul {
  display: block;
}

jQuery代码：

$(document).ready(function() {
  $('.menu ul li').hover(function() {
    $(this).children('ul').stop().slideDown(200);
  }, function() {
    $(this).children('ul').stop().slideUp(200);
  });
});

以上代码实现了一个简单的京东左侧菜单效果，当鼠标移动到菜单项上时，会展开该菜单项的子菜单，当鼠标移开时，子菜单会收起。