单击后隐藏菜单（淡出）

Question

这个简单的html css菜单。 现在它适用于页面重定向（href）。

但我想在点击它后隐藏。

我只是在点击它时调用函数，它将调用ajax请求

http://jsfiddle.net/5TBFr/代码位于链接

中

Answer 1

我认为这就是你要找的东西：http://jsfiddle.net/5TBFr/26/

我在a元素上添加了一个click事件，并且我返回false，因此请求被停止。您可以在那里添加ajax请求。我做了一些工作，移动“ul”元素，让鼠标离开并隐藏，然后我将它移回到它的初始位置。

Answer 2

首先，如果我理解你，你想要的是什么，你需要jQuery，为什么？因为javascript不知道哪些CSS属性会影响特定元素。

其次，你使用CSS的方式不正确，你正在混合设计和功能，对于像这样的最简单的任务，你会遇到像这样的问题。即使你可以使用CSS也不打算显示或隐藏菜单，CSS甚至可以用于设置内容，但是当涉及到用户交互时你会被搞砸。所以要小心：P

在jQuery中应该是这样的：

$(document)​.ready(function()
{
    $('ul').on('click', 'li a', function()
    {
        $(this.parentElement.parentElement).hide();
    });
});​

http://jsfiddle.net/5TBFr/25/