jQuery需要修复代码

Question

我需要一个帮助...我想添加这种代码效果就像上/下滑动。 我已经添加此效果，但只有我发现，如果我想关闭盒 盒保持开放

对不起，我的英语问题;）

感谢您的帮助..

$(function() { 
    $(".avatar1, .social").hide(); 
    $(".teamBox").click(function() { 
     $(this).find(".avatar1, .social").slideDown('slow') 
      .end().parent().siblings().find(".avatar1, .social").slideUp('slow'); 
    }); 
}); 

DEMOhere

Answer 1

你可以像下面这样做

$(function() { 
    $(".avatar1, .social").hide(); 
    $(".teamBox").click(function() { 
     var $el = $(this).find(".avatar1, .social"); // cache elements to be toggled 
     $el.slideToggle('slow'); // only slide toggle current clicked 
     $(".avatar1, .social").not($el).slideUp('slow'); // slide up all others 
    }); 
}); 

http://jsfiddle.net/9Ek6n/

Answer 2

您可以切换功能做到这一点：

$('.teamBox').click(function() { 
    $(this).find('.avatar1, .social').slideToggle('slow'); 
}); 

查看演示here。

Answer 3

我认为你正在寻找的东西是这样的：

$('.teamBox').click(function() { 
    $('.avatar1, .social').slideUp('slow'); 
    $(this).find('.avatar1, .social').slideDown('slow'); 
});