jquery ajax 和子菜单

Question

大家好，我第一次在这里发帖，请原谅我的英语错误！

好吧，我对 jquery 和 java 很陌生，但我日复一日地学习，我发现一个非常好的网页

http://tympanus.net/codrops/2011/03/09/animated-content-menu/

在本教程网页的演示中，您有一个菜单当您单击它时，它会消失并出现特定的子菜单，具体取决于您选择的菜单元素。

1. 我的第一个问题是：我知道如何在单击一个元素时让菜单可见，但我不知道如何通过单击菜单的另一个元素来关闭子菜单。在默认演示中，您有一个十字，单击可删除子菜单并再次显示菜单。我希望这个解释是有道理的。

2. 第二个问题是，当您登陆主页时，如何直接显示菜单某个元素的子菜单，因为在默认演示中，它登陆时内容为空，只有背景。

非常感谢您的每一个回答。 理查德

Answer 1

因此，对于你的第一个问题，他们有这样的标记：

<ul id='menu'>
    <li>
        <a href="#">Menu 1</a>
        <div>Content goes here</div>
    </li>
    <li>
        <a href="#">Menu 2</a>
        <div>Content goes here</div>
    </li>
</ul>

你会有这样的脚本：

var anchors = $("#menu a").click(function(e){
    e.preventDefault();
    var clicked = this;
    $(this).siblings('div').show();
    anchors.filter(function(index) {
        return this !== clicked;
    }).siblings('div').hide();
});

要在你登陆页面后立即显示一些内容，你会这样做：

$("#menu a:first").click();