Question

我正在尝试使用此JavaScript代码单击Animate DIV：

$("#meetLegal").click((function() {
        var i = 0;
        return function() {
            $("#legalTeam").animate({
            height: (++i % 2) ? 300 : 0
            }, 500);
        }})());

$("#explorePractice").click((function() {
    var i = 0;
        var i = 0;
        return function() {
            $("#practiceAreas").animate({
            height: (++i % 2) ? 300 : 0
            }, 500);
        }})());

我使用两个按钮“meetLegal”和“explorePractice”来向下滑动2个DIV。它的工作方式是，当我单击每个按钮时，其特定的DIV打开和关闭，但我想以一种方式工作，如果1 DIV处于SLIDE DOWN状态，并且您单击第二个按钮，它应该关闭第一个DIV和SLIDE DOWN第二个DIV。谢谢。

Answer 1

在较低的级别，您可以尝试这样的事情，

$("#meetLegal").click(function () {
    $("#practiceAreas").slideUp(500, function () {

        $("#legalTeam").slideDown(500, function () {

        });
    });
});

$("#explorePractice").click(function () {
    $("#legalTeam").slideUp(500, function () {
        $("#practiceAreas").slideDown(500, function () {

        });
    });

});

Demo

使用Javascript animate（）方法来控制2个独立的DIV

1 个答案: