Jquery 如何一次只显示一个切换div

我想知道我将如何使这一点，你只能选择一个时间。请记住这是给Wordpress的。出于某种原因，它不喜欢美元。如果有比我现在做的更简单的方法，请让我知道！任何反馈都是有帮助的

HTML 剧本

---

如果您只想访问jquery标识符$，可以按照wordpress：

但是，如果您真的喜欢短$而不是jQuery，那么可以使用 下面是代码的包装器：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

对于注释中的问题部分，尝试一下这是一个简单的解决方案，它适用于2个选项，但对于选项列表，有一种比使用CSS同级选择器和HTML结构或各种其他方法指定每个id/类更好的方法

<script>
    window.onOff = 0;
    jQuery(".pullmeshr").click(function() {
        jQuery(".pullmeshr").animate(500);
        jQuery("#pullmeinfoshr").slideDown(500);
        jQuery("#pullmeinfodur").slideUp(500); //add this
        window.onOff = 1;
    });

    if (window.onOff = 1) {
        jQuery("#closeshr").click(function() {
        jQuery("#pullmeinfoshr").slideUp(500);
        window.onOff = 0;
    });
  }

    jQuery(".pullmedur").click(function() {
        jQuery(".pullmedur").animate(500);
        jQuery("#pullmeinfodur").slideDown(500);
        jQuery("#pullmeinfoshr").slideUp(500); //add this
        window.onOff = 1;
    });

    if (window.onOff = 1) {
        jQuery("#closedur").click(function() {
        jQuery("#pullmeinfodur").slideUp(500);
        window.onOff = 0;
    });
}
</script>

---

阅读抄本->谢谢丹尼尔！你的回答没有回答我的主要问题，但谢谢你的意见！你能澄清一下这个问题吗？我会尽力帮忙的。您将使用id属性两次，而如果希望选择多个元素，则应使用class属性。如果您希望选择单个元素，则应使用唯一id属性Hey Daniel，基本上我正在创建一个校园选择器，当用户选择校园时，它将显示该校园信息。现在，您可以选择其中一个，它们都将向下滑动。我想解决这个问题，如果他们第一次选择Sherman Campus，它将向下滑动，但是如果他们改变主意，选择Durant Campus，Sherman Campus将自动向上滑动，而用户无需手动关闭。将代码添加到自动向上滑动。它很简单，而且有更好的解决方案长期用于多个幻灯片上/下，但这将起作用。您介意在这里发布代码吗？我好像没看见。

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

<script>
    window.onOff = 0;
    jQuery(".pullmeshr").click(function() {
        jQuery(".pullmeshr").animate(500);
        jQuery("#pullmeinfoshr").slideDown(500);
        jQuery("#pullmeinfodur").slideUp(500); //add this
        window.onOff = 1;
    });

    if (window.onOff = 1) {
        jQuery("#closeshr").click(function() {
        jQuery("#pullmeinfoshr").slideUp(500);
        window.onOff = 0;
    });
  }

    jQuery(".pullmedur").click(function() {
        jQuery(".pullmedur").animate(500);
        jQuery("#pullmeinfodur").slideDown(500);
        jQuery("#pullmeinfoshr").slideUp(500); //add this
        window.onOff = 1;
    });

    if (window.onOff = 1) {
        jQuery("#closedur").click(function() {
        jQuery("#pullmeinfodur").slideUp(500);
        window.onOff = 0;
    });
}
</script>