JQuery切换类加动画

JQuery切换类加动画,jquery,toggleclass,Jquery,Toggleclass,我有这段代码,但不知道为什么“toggleClass”指令不起作用。有人能给我一些提示吗。多谢各位 $(document).ready(function () { $('#admin > p').click(function () { $(this).toggleClass('adminPvisible'); var right = $('#admin > p').css('right') == '135px' ? '0' : '135px'; $('#adm

我有这段代码,但不知道为什么“toggleClass”指令不起作用。有人能给我一些提示吗。多谢各位

$(document).ready(function () {
$('#admin > p').click(function () {
    $(this).toggleClass('adminPvisible');
    var right = $('#admin > p').css('right') == '135px' ? '0' : '135px';
    $('#admin > p').animate({
        right: right,
        width: '50px'
    });
    $('#admin > form, #btn').stop(true).slideToggle();        
})
})因为

演示:


您有一个规则
#admin p
,它将不透明度设置为
.3
,然后您将类
adminPvisible
(不透明度
1
)分配给
p
元素,但是由于id规则具有更大的权重,它将覆盖类规则

,您只需指定
宽度:50
,而不是
宽度:'50px'
:jQuery为您处理此问题。谢谢,我可以用'!css类中的“重要”。谢谢你,我现在明白你的意思了
#admin .adminPvisible {
    opacity:1;
}