javascript - クリックされた要素のみをスライド切り替え

Question

メニューがあり、サブメニューのあるリンクをクリックすると、それを切り替えたいと思います。そして私はそれをしましたが、同じクラスのサブメニューがさらにあり、1 つをクリックするとすべてが切り替わります。

クリックした要素のみを切り替えることができましたが、この場合は子を切り替える必要があります。

これが私が持っているjsコードです:

$('li.has-submenu a.link').click(function() { 
$('.submenu').slideToggle(500);
});

そして、ここに状況の簡単なフィドルがあります： http://jsfiddle.net/TV5Kk/

ありがとう！

Answer 1

jsFiddle デモ

$(this).next('.submenu').slideToggle(500);

クラスsubmenuを使用$(this)して複数の要素があるため、相対要素を取得します。マークアップで、リンクの次の要素がたまたまトグルしたかった要素です。

更新：OPは他のすべてを自動的にスライドアップしたいので。

デモはこちら

$('li.has-submenu a.link').click(function() {
    $('.submenu').slideUp(500);
    $(this).next('.submenu').slideToggle(500);
});