我需要在此腳本中設置一個CSS屬性以與動畫一起進行,但我似乎無法做到這一點。將CSS屬性添加到jQuery
我需要ID爲「container」的div
在點擊功能激活時設置CSS屬性。我需要一個overflow: hidden
設置爲#container
。
這是我的腳本。
$(function() {
$(".folderContent").hide();
$(".signin").click(function(event) {
var folderContent = $(".folderContent");
var folderContentShown = folderContent.css("display") != "none";
var clickedFolder = $(this);
clickedFolder.parent("#signincontainer").after(folderContent);
$("body").find("#container").not(clickedFolder).each(function() {
if (!folderContentShown) $(this).not("#signincontainer").animate({
opacity: 0.50
}, "slow");
else $(this).animate({
opacity: 1.00
}, "slow");
});
//clickedFolder.animate({opacity: folderContentShown ? 1.00 : 0.70}, "fast");
folderContent.slideToggle();
event.preventDefault();
});
});
我試過了,但不知道往哪裏放,在腳本?我只希望它在顯示#signincontainer時發生,但在隱藏#signincontainer時將其刪除。 – 2011-04-03 20:01:16
因此,只需將它添加到顯示或隱藏它的行之後。 – Damb 2011-04-03 20:02:00
爲了更容易的擴展性和操作..我會把溢出風格放入一個css類,然後在jQuery中使用.addClass()而不是.css()。因此,在顯示容器後,您將調用addClass(),然後在隱藏它時調用.removeClass()。 – Damb 2011-04-03 20:06:51