Класс переключения JQuery плюс анимация

Question

Класс переключения JQuery плюс анимация

0

У меня есть этот код, но не знаю, почему инструкция 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();        
})

})

Miguel 27 фев. 2014, в 11:55

Источник

0

Вы можете просто указать width: 50 вместо width: '50px' : jQuery width: '50px' с этим для вас.
James Donnelly 27 фев. 2014, в 10:34

Теги:

jquery

toggleclass

1 ответ

Ещё вопросы

Вы можете просто указать width: 50 вместо width: '50px' : jQuery width: '50px' с этим для вас.

Arun P Johny · Accepted Answer · 2014-02-27T08-09-00.000Z

из-за специфики css

#admin .adminPvisible {
    opacity:1;
}

Демо: скрипка

У вас есть правило #admin p которое устанавливает непрозрачность в .3 а затем вы назначаете класс adminPvisible (с непрозрачностью 1) элементу p, но поскольку правило id имеет больший вес, оно переопределяет правило класса

Спасибо, я смог преодолеть эту проблему с помощью "! Important" в классе CSS. Спасибо, я понял, что вы имеете в виду сейчас.