JQuery切换类加动画

时间:2014-02-27 10:26:15

标签: jquery toggleclass

我有这段代码,但不知道为什么'toggleClass'指令不起作用。有人可以给我任何提示吗? http://jsfiddle.net/dW6Mb/16/。谢谢

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

})

1 个答案:

答案 0 :(得分:1)

因为css specificity

#admin .adminPvisible {
    opacity:1;
}

演示:Fiddle

您有一个规则#admin p,将不透明度设置为.3,然后您将课程adminPvisible(不透明度1)分配给p } element,但由于id规则具有更多权重,因此它会覆盖类规则