7
Necesito establecer una propiedad CSS en esta secuencia de comandos para ir junto con la animación, pero parece que no puedo hacerlo bien.Agregar propiedad CSS a jQuery
Necesito el div con ID de "contenedor" para tener una propiedad CSS establecida cuando se activa la función de hacer clic. Necesito un overflow: hidden establecido en #container.
Aquí está mi script.
$(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();
});
});
lo he intentado, pero no sabía dónde poner esto en el guión? Solo quiero que suceda cuando se muestre #signincontainer, pero se eliminará cuando el #signincontainer esté oculto. –
Así que solo agrégalo después de las líneas, donde lo muestras u ocultas. – Damb
Para facilitar la extensibilidad y la manipulación ... Pondría ese estilo de desbordamiento en una clase css y luego en jQuery use .addClass() en lugar de .css(). Entonces, llamará a addClass() después de que muestre el contenedor y luego llame a .removeClass() cuando lo oculte. – Damb