1

だから私はクリックされたリンクのすぐ下の要素を分離したい

たとえば、ここに私のJqueryがあり、クラスのリンクをクリックすると、クラスdrop_downスライドダウンを持つページ上のすべてのリンクがドロップされます。「これ」または何かを使用して、一度に1つだけを分離するにはどうすればよいですか。

$(document).ready(function(){
    $('.drop').click(function(){
        if($('.drop_down').is(':visible')) {
            $('.drop_down').slideUp();
        } else {
            $('.drop_down').slideDown();
        }
    });
});

<li><a class="drop" href="#">Video Training</a></li>
<li class="drop_down">Click on the links below to get some more information or to buy now <div>&nbsp</div> <a class="button" href="/training_dvds">More Info</a><a class="button" href="/pos_support/aldelo_training_dvd">Buy Now</a></li>
4

1 に答える 1

2

.dropテキストノード以外に子はありません。

li.drop_down以下のリンクの親に影響を与えたい場合は、次のようにします。

$('.drop').click(function(){
    var $next = $(this).parent().next('li.drop_down');
    if($next.is(':visible')) {
        $next.slideUp();
    } else {
        $next.slideDown();
    }
});
于 2010-07-11T18:39:15.833 に答える