jQuery'ye CSS özelliğini ekleyin

Animasyonla birlikte gitmek için bu komut dosyasına bir CSS özelliği ayarlamalıyım, ancak doğru yapamıyorum.jQuery'ye CSS özelliğini ekleyin

Tıklatma işlevi etkinleştirildiğinde CSS özelliğinin ayarlanması için div "container" kimliğine ihtiyacım var. #container'a ayarlanmış bir overflow: hidden'a ihtiyacım var.

İşte komut dosyam.

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

kaynak

2011-04-03 JD Audi

$('#container').css('overflow','hidden');

Bunu denediniz mi?

kaynak

2011-04-03 19:59:36 Damb

Denedim ama senaryodaki koymak nereye bilmiyordum? Sadece #signincontainer gösterildiğinde olmasını istiyorum, ancak #signincontainer gizli olduğunda kaldırılmasını istiyorum. –

Sadece satırları gösterdiğinizde veya gizlediğiniz yerde ekleyin. – Damb

Daha kolay genişletilebilirlik ve manipülasyon için .. Bu taşma stilini bir css sınıfına koyarım ve jQuery içinde .css() yerine .addClass() kullanın. Böylece, kapsayıcıyı gösterdikten sonra addClass() öğesini arayacak ve gizlediğinizde .removeClass() öğesini çağıracaktır. – Damb