.addClass和动画CSS3菜单

Question

我的css3动画菜单运行良好。 但是现在我想向他添加一些selected课程。

但是我不知道如何用css3动画来实现。

我试过这个：

$('#menu a').click(function(e) {
            e.preventDefault();
            $(this).addClass("selected");
            var h = $(this).attr('href');
            $("#conteudo").fadeOut("slow", function() {
                $(this).html($(h).html()).fadeIn("slow");
            });
        });

但是没有用。 我做了这个小提琴： http : //jsfiddle.net/8L797/

Answer 1

我修复了selected类，并且使click事件从现有链接中删除了该类。

小提琴： http : //jsfiddle.net/iambriansreed/TNzuH/

CSS：

#menu a.selected span,
#menu a.selected:hover span {
    top: -100%;
}
#menu a.selected em,
#menu a.selected:hover em {
    top: 0;
}

Answer 2

您的代码中有一些错误，例如未关闭jQuery函数。 同样，您的样式看起来适用于LI标记，而不适用于A标记，因此您需要将类添加到LI。 查看我更新的jsFiddle ，看看是否可以使用它。