jquery - jQuery需要修复代码

Question

我需要帮助...我想添加此代码效果，例如向上/向下滑动。我已经添加了这个效果，但是如果我想关闭盒子，我发现的唯一问题是盒子保持打开状态

对不起我的英语不好 ;）

谢谢你的帮助..

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

演示 在这里

Answer 1

您可以切换功能来执行此操作：

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

在此处查看演示。

Answer 2

我想你正在寻找这样的东西：

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

Answer 3

你可以这样做

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