JQuery切換類加動畫

我有這段代碼，但不知道爲什麼'toggleClass'指令不起作用。有人可以給我任何提示嗎？ http://jsfiddle.net/dW6Mb/16/。謝謝JQuery切換類加動畫

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

}）

來源

2014-02-27 Miguel

您可以只指定'width：50'而不是'width：'50px''：jQuery爲您處理此問題。 –

因爲css specificity

#admin .adminPvisible { 
    opacity:1; 
}

演示：Fiddle

您有一個規則#admin p其不透明度設置爲.3，然後你被分配adminPvisible（帶不透明度1）到p元素，但由於id規則具有更多權重，因此它將覆蓋類規則

來源

2014-02-27 10:27:52

謝謝，我可以用css類中的'！important'來解決這個問題。謝謝，我明白你的意思了。 – Miguel

@Miguel見http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css –

JQuery切換類加動畫

回答

相關問題