jquery 사이드 카테고리 메뉴

Question

jquery에서 동적 사이드 카테고리 메뉴를 만들었지 만, 때로는 제대로 작동하지 않는다 ... 그 이유를 모르겠다. ,,,, 코드를 부여했다. 정적 (방화 녀석에게서 골랐다). 코드가 (주어)보다 작업에서 더 나은 메뉴 수 더 부드럽게 할 수 있다면 PLZ 곧 &를 볼 다음 PLZ ... 나에게 thnku

자바 스크립트를 그 코드 또는 링크를 제공합니다 (정적 ID 등)와

문제점 : 내가 fastly 이상의 시간이 리튬에 올려 놓으면

그것이 최대 슬라이딩 도착 & 번 슬라이딩을 반복하면서 슬라이딩을 반복합니다 .......... ??????????

$(document).ready(function() { $(' #cate_id2 > ul').show(); }); 
     $(document).ready(function() { 
      $(' #cate_id2 > ul > #subcate_id4 > div').hide(); 

      $(' #cate_id2 > ul > #subcate_id4 ').hover(function() { 
       $(' #cate_id2 > ul > #subcate_id4 > div').slideDown("fast"); 
      }, 

      function() { 
       $(' #cate_id2 > ul > #subcate_id4 > div').slideUp("fast"); 
      }); 
     }); 

HTML (정적 코드)

  <li id="cate_id2"> 
       <a href="CateProducts.aspx">Laptops &amp; Notebooks</a> 
      <ul style="display: block;"> 
       <li id="subcate_id3"> 
        <a href="SubCateProducts.aspx"> MACS</a> 
       </li> 
       <li id="subcate_id4"> 
        <a href="SubCateProducts.aspx"> Windows</a> 
       <div style="border: 1px solid black; display: none;"> 
        <ul style="border: 1px solid black; display: block;"> 
         <li><a href="SubSubCateProducts.aspx">notebook</a></li> 
         <li><a href="SubSubCateProducts.aspx">probook</a></li> 
        </ul> 
       </div> 
       </li> 
      </ul> 
      </li> 

u는 나에게 내가 동적으로 자신을 그 (당신의) 코드를 변환 할 더 나은 다음 위에 주어진 코드를 제공한다면 .... ...

는

Answer 1

당신은 청소기 만들 수 :

$(function() { 
    $('#cate_id2 > ul').show(); 
    $('#cate_id2 > ul > li') 
     .on('mouseover', function() { 
      $(this).find('div').stop(true, true).slideDown(); 
     }) 
     .on('mouseout', function() { 
      $(this).find('div').stop(true, true).slideUp(); 
     }); 
});