以下是使用jQuery實現帶動畫效果的經典二級導航菜單的示例代碼：

HTML代碼：

<nav>
  <ul class="main-menu">
    <li><a href="#">菜單1</a>
      <ul class="sub-menu">
        <li><a href="#">子菜單1</a></li>
        <li><a href="#">子菜單2</a></li>
        <li><a href="#">子菜單3</a></li>
      </ul>
    </li>
    <li><a href="#">菜單2</a>
      <ul class="sub-menu">
        <li><a href="#">子菜單4</a></li>
        <li><a href="#">子菜單5</a></li>
        <li><a href="#">子菜單6</a></li>
      </ul>
    </li>
    <li><a href="#">菜單3</a></li>
  </ul>
</nav>

CSS代碼：

.nav {
  position: relative;
}
.main-menu li {
  display: inline-block;
  position: relative;
}
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.sub-menu li {
  display: block;
}
```
JavaScript代碼：
```javascript
$(document).ready(function() {
  $(".main-menu li").hover(
    function() {
      $(this).find('.sub-menu').slideDown(200);
    },
    function() {
      $(this).find('.sub-menu').slideUp(200);
    }
  );
});

這段代碼首先使用jQuery選擇器找到.main-menu li元素，然后使用hover()方法為每個菜單項添加鼠標懸停事件。

當鼠標懸停在菜單項上時，通過slideDown()方法展開對應的子菜單；當鼠標離開菜單項時，通過slideUp()方法收起對應的子菜單。

請注意，這只是一個基本示例，你可以根據需要自定義樣式和動畫效果。