0

やあみんな、これは私の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" の両方を下にスライドします。

1つのクラスだけでスライドさせるにはどうすればよいですか?

4

1 に答える 1

1

たぶん変更：

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

為に：

$(".nakupy").mouseover(function(){ 
   $(this).find(".sub_menu").slideDown('slow'); 
 });
于 2012-06-24T20:09:57.900 に答える