javascript - 切换不起作用，仅显示一项

Question

我的切换不起作用，猜猜是因为 this find 但它在切换之外？ 我有多个具有相同类别的项目，但它们不需要仅滑动打开一个。

<div class="te">
    <span class="da">datum<span class="toggle-it">more info</span></span><br>
    <span class="be">beschrijving</span>
    <div class="show-more" style="display:none;">Bla bla info</div>
</div>


$('.toggle-it').click(
    function(){
        $(this).find('.show-more').slideDown(250);
    },
    function(){
        $(this).find('.show-more').slideUp(250);
    }
); 

看这里: http://jsfiddle.net/fourroses666/nfxesod3/1/

Answer 1

.click() 函数仅接受一个函数参数。另外，您需要先使用 .closest() 向上遍历 DOM，然后使用 .find() 向下遍历。您可以这样做:

$('.toggle-it').click(function () {
    $(this).closest('.te').find('.show-more').slideToggle(250);
});

<强> jsFiddle example