使用Javascript显示和隐藏内容

请看这个主题。当点击“关于我们”、“联系我们”、“时事通讯”时，它会显示除“当前内容”之外的另一个div内容，然后单击“关闭”按钮，它将消失。如何做到这一点？实际上，我希望代码以这种方式执行

---

如果看不到主题和/或代码，我们只能给出一个示例代码。这需要jQuery，但我相信您也可以在标准JavaScript中实现这一点

HTML:

---

没有测试，但应该可以。

没有主题。请提供已添加的代码主题：您的问题到底是什么？我觉得一切都很好。

<ul id="menu">
    <li class="menu-item" id="menu-item-1">Menu item 1</li>
    <li class="menu-item" id="menu-item-2">Menu item 2</li>
    <li class="menu-item" id="menu-item-3">Menu item 3</li>
</ul>
<div id="menu-content">
    <div id="menu-content-1">
        This is the content of menu #1.
    </div>
    <div id="menu-content-2" hidden="hidden">
        This is the content of menu #2.
    </div>
    <div id="menu-content-3" hidden="hidden">
        This is the content of menu #3.
    </div>
</div>

/** Wait until jQuery is ready */
jQuery(document).ready(function() {
    var menu_items = jQuery("#menu").find("li");
    /** Execute script if a link within the menu has been clicked */
    menu_items.click(function() {
        /** The ID (in this example number 1, 2 or 3) of the clicked menu item.
         *  which we need to display the corresponding content.
         */
        var menu_item_id = jQuery(this).attr("id").replace("menu-item-");

        /** We hide every menu item content */
        menu_items.hide();

        /** And finally we display the content referred by the clicked menu item */
        jQuery("#menu").find(".menu-content-" + menu_item_id).show();
    });
});