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”中仅选择class =“nakupy”和slideDown class =“sub_menu”。我使用过这个脚本，但对我不起作用：

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

而不是仅向下滑动“nakupy”和“sub_menu”类，而是滑下两个类“nakupy”，“domacnost”和类“sub_menu”。

如何让它只在一个班级中滑动？

Answer 1

也许改变：

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

有：

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

鼠标悬停在幻灯片上的jQuery

1 个答案: