Javascript 如何在jquery中打开下一个按钮之前关闭打开的按钮？

我有两个div作为按钮工作，但是当我激活第一个div时，我点击另一个div，第一个打开的div不会自动关闭，因此它们重叠，所以你必须手动关闭它们，这是非常不切实际的。 以下是功能：

$(function() {
    $('#profileButtonImg img').click(function() {
      $("#myProfileMain").stop(true).fadeToggle(250);
    });
});
$(function() {
    $('#optionsButtonImg').click(function() {
      $("#myOptionsMain").stop(true).fadeToggle(250);
    });
});

以下是单击以打开div的按钮：

<img id="profileButtonImg" src="pic1.jpg" /></div>
<div id="optionsButtonImg"></div>

以下是正在混合的div：

<div id="myProfileMain" style="display:none;"></div>
<div id="myOptionsMain" style="display:none;"></div>

更改此选项

('#profileButtonImg img').click(

对此

('#profileButtonImg').click(

---

第一行表示触发器是Id profileButtonImg的div中的img。但事实上，img本身就有这个Id，有很多比我下面的答案更好的方法：

$(function() {
    $('#profileButtonImg').click(function() {
      $("#myProfileMain").stop(true).fadeToggle(250);
      $("#myOptionsMain").stop(true).fadeOut(250);
    });
});
$(function() {
    $('#optionsButtonImg').click(function() {
      $("#myOptionsMain").stop(true).fadeToggle(250);
      $("#myProfileMain").stop(true).fadeOut(250);
    });
});

---

您发布的选择器

“#profileButtonImg”

与您发布的HTML标记

$（“#profileButtonImg”）

应为

$（“#profileButtonImg”）

我知道，我以前也用过，但它又像这样工作了：/真的不知道为什么：只有当我先按#profileButtonImg，然后尝试打开#options buttonimg时，它才起作用，但不是相反：（@sajan检查这把小提琴，让我知道你想要什么样的变化奇怪，我复制了这个，现在它工作了：D一定是我的标签有错误，或者是我没有发现的东西：哦，谢谢！！@sajan