jquery ajax和submenu

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();