切换不起作用,只显示一个项目

时间:2014-12-22 15:35:48

标签: javascript jquery

我的切换不起作用,猜测是因为这个发现但它在切换之外 - 它? 我有多个具有相同课程的项目,但他们不需要只打开一个。

<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/

1 个答案:

答案 0 :(得分:4)

.click()函数只接受一个函数参数。此外,您需要先使用.closest()遍历DOM,然后再.find()返回。你可以这样做:

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

<强> jsFiddle example