Question

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

抱歉我的英语;）

感谢您的帮助..

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

DEMO here

Answer 1

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

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

请参阅演示here。

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/

jQuery需要修复代码

3 个答案: