让tab滑动带延迟 Leone

<div id="wrap">
    <ul>
        <li><a href="">标签1</a></li>
        <li><a href="">标签2</a></li>
        <li><a href="">标签3</a></li>
    </ul>
    <div>内容1</div>
    <div>内容2</div>
    <div>内容3</div>
</div>

<script>
$(function() {
 $("#wrap ul li").each(function(index) {
  $(this).mouseover(function() {
   var tabin = $(this);
   timeoutid = setTimeout(function() {
    tabin.addClass("tabin").siblings().removeClass("tabin");
    $("#wrap div:eq(" + index + ")").addClass("contentin").siblings("div").removeClass("contentin");
   },
   300);
  }).mouseout(function() {
   removeTimeout(timeoutid);
  });
 });
})
</script>