jquery - 如果另一个人打开，如何关闭 div

Question

编辑：由于完全没有回复而更新了措辞。

说明：

单击LEFT按钮时， Left DIV 滑出。

单击RIGHT按钮时，右DIV 滑出。

问题：

如果Left DIV 已退出并单击RIGHT按钮>>>将Left DIV滑入并滑出Right DIV 。

如果右DIV 已滑出并且单击了LEFT按钮>>>将右DIV滑入并滑出左DIV 。

非常感谢您的帮助。

$("#left").click(function () {
    if (out === 0) {
        $("#left-slide").animate({
            width: "400px"
        }, {
            queue: false,
            duration: 1900
        });
        out = 1;
    } else {
        $("#left-slide").animate({
            width: "0px"
        }, {
            queue: false,
            duration: 2000
        });
        out = 0;
    }
});

     $("#right").click(function () {
    if (out === 0) {
        $("#right-slide").animate({
            width: "400px"
        }, {
            queue: false,
            duration: 1900
        });
        out = 1;
    } else {
        $("#right-slide").animate({
            width: "0px"
        }, {
            queue: false,
            duration: 2000
        });
        out = 0;
    }
});

这是带有完整代码的 jsFiddle：http: //jsfiddle.net/fxVS9/

Answer 1

http://jsfiddle.net/fxVS9/3/

$(document).ready(function () {
    var l_out = 0;
    var r_out = 0;

    $("#left").click(function () {
        if (l_out === 0) {
            $("#left-slide").animate({
                width: "400px"
            }, {
                queue: false,
                duration: 1900
            });
            l_out = 1;
        } else {
            $("#left-slide").animate({
                width: "0px"
            }, {
                queue: false,
                duration: 2000
            });
            l_out = 0;
        }
        $("#right-slide").animate({
                width: "0px"
            }, {
                queue: false,
                duration: 2000
            });
            r_out = 0;
    });

...

Answer 2

这是一个紧凑的版本。

  $(document).ready(function () {
       $("#left,#right").click(function () {
              var clickedDiv = $(this).attr('id');
              var nonclickDiv = (clickedDiv === "left") ? "right" : "left";
              var currDiv = $('#' + clickedDiv + "-slide");
              var offDiv =  $('#' + nonclickDiv + "-slide" );
        currDiv.animate({
            width: currDiv.width() > 0 ? "0px" : "400px"
        }, {
            queue: false,
            duration: 1900
       });
       offDiv.animate({
            width: "0px"
        }, {
            queue: false,
            duration: 2000
       });
   });
 });

希望你喜欢（并接受:-)）哈哈。是的，代表。