1

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

好吧，我在 jquery 和 java 方面很新，但我日复一日地学习，我发现一个网页非常好

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

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

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

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

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

4

1 回答 1

0

因此，对于您的第一个问题，他们的标记如下：

<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();
于 2011-06-21T17:35:14.620 回答