jQuery를 마우스 오버 slideDown에

Question

는 얘들이 내 HTML 코드입니다 :

<div class="nakupy"> 
    <li class="icn_kategorie"><a href="#">Nákupy</a> 
     <div class="sub_menu"> 
      <sub_menu class="icn_kategorie"><a href="#">TESCO</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Potraviny</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Drogéria</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Oblecenie</a></sub_menu> 
     </div> 
    </li> 
</div> 

<div class="domacnost"> 
    <li class="icn_kategorie"><a href="#">Domácnost</a> 
     <div class="sub_menu"> 
      <sub_menu class="icn_kategorie"><a href="#">TESCO</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Potraviny</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Drogéria</a></sub_menu> 
      <sub_menu class="icn_kategorie"><a href="#">Oblecenie</a></sub_menu> 
     </div> 
    </li> 
</div> 

그리고 jQuery를에 의해 나는 그 클래스 "nakupy"만 클래스 = "nakupy"및 slideDown 클래스 = "sub_menu"를 선택합니다. 모두 "domacnost"수업 "sub_menu을"

$(".nakupy").mouseover(function(){ 
    $(".sub_menu").parent(".nakupy").slideDown('slow'); 
}); 

를 대신 아래에만 클래스 "nakupy"와 "sub_menu는"이 두 클래스 "nakupy을"아래로 슬라이드를 슬라이딩의 :이 스크립트를 사용하지만 나를 위해 작동하지 않았다 .

어떻게 하나의 클래스에서만 슬라이드를 만들 수 있습니까?

Answer 1

아마도 변경 :

$(".nakupy").mouseover(function(){ 
    $(".sub_menu").parent(".nakupy").slideDown('slow'); 
}); 

을 위해 : 중 하나의,`li` 만 유효한 아이, 그리고 * 만 * 유효 아이 :

이

$(".nakupy").mouseover(function(){ 
    $(this).find(".sub_menu").slideDown('slow'); 
});