Jquery 是否在激活另一个切换时取消切换？

我在编写一段简单的代码时遇到了很多麻烦（可能是不必要的）。我有3张图片，当点击打开下面三个div中的一个时。我只是希望能够取消任何以前打开的div上的切换，以便在任何给定时间只能打开一个div

目前的问题是，当第二次单击其中一个按钮时，什么也没有发生，因为它取消了切换，而不是打开div。正如你可能从我糟糕的措辞中可以看出的那样，我对这一点相当陌生，所以要友善

css的设置使div的高度和不透明度从0开始

代码：

---

谢谢：）

谢谢大家的反馈

事实证明，切换功能并不是我想要的。我去掉了多余的部分

$（文档）.ready（函数（）{

就像@hsalama建议的那样，把

.切换

类似于@François Wahl建议的事件

结果是这样的：

$(document).ready(function(){
    $("#picone").click(function() {
        $("#divone").animate(
            {height:300, opacity:1}, 500
        );
        $("#divtwo, #divthree").animate(
            {height:0, opacity:0}, 500
        );
    });

    $("#pictwo").click(function() {
        $("#divtwo").animate(
            {height:300, opacity:1}, 500
        );
        $("#divone, #divthree").animate(
            {height:0, opacity:0}, 500
        );
    });

    $("#picthree").click(function() {
        $("#divthree").animate(
            {height:300, opacity:1}, 500
        );
        $("#divone, #divtwo").animate(
            {height:0, opacity:0}, 500
        );
    });
});

---

谢谢大家：）

你们不需要多个

$（文档）。准备好了（function（）{

你们可以试试这个欢迎来到SO！如果你们把你们的代码添加到一个新的提琴上，你们可能会更幸运地得到一个快速的答案。一定要包括任何相关的HTML和CSS（如果可以的话，创建一个最小的测试用例）！请注意，切换功能已弃用，可能在将来的任何版本中都可以删除。

$(document).ready(function(){
    $("#picone").click(function() {
        $("#divone").animate(
            {height:300, opacity:1}, 500
        );
        $("#divtwo, #divthree").animate(
            {height:0, opacity:0}, 500
        );
    });

    $("#pictwo").click(function() {
        $("#divtwo").animate(
            {height:300, opacity:1}, 500
        );
        $("#divone, #divthree").animate(
            {height:0, opacity:0}, 500
        );
    });

    $("#picthree").click(function() {
        $("#divthree").animate(
            {height:300, opacity:1}, 500
        );
        $("#divone, #divtwo").animate(
            {height:0, opacity:0}, 500
        );
    });
});