Comunidad de diseño web y desarrollo en internet online

desaparecer un titulo recien cuando no me queda elementos

Citar            
MensajeEscrito el 03 Sep 2014 12:05 am
hago clik en el aspa de div 1 y se elimina este div , pero como todavia existe el div2 el titulo que esta en un span se mantine, pero si elimina los dos div 1 y 2 haclik en el aspa , el titulo recine alli desaparece , yo se desaparecer div con fade y eso pero como hago la verificacion si todavia me queda un div para poder recien alli desaparecer el titulo?[img]https://www.facebook.com/photo.php?fbid=10204985159813315&set=gm.10152641245312010&type=1&theater[/img]


aqui la imagen


https://www.facebook.com/photo.php?fbid=10204985159813315&set=gm.10152641245312010&type=1&theater


gracias de antemano

Por swingbeach21

Claber

104 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Sep 2014 01:59 am

Cada vez que ejecutes la función en la que eliminas un <div>, verifica que la cantidad de elementos <div> que posee el elemento contenedor, sea mayor a cero; de no ser así, eliminar el título. Un ejemplo:

Código HTML :

<div id = "contenedor">
   <h2>Contenedor</h2>
   <div>
      Div 1<label>X</label>   
   </div>      
   <div>
      Div 2<label>X</label>   
   </div>
</div>


Código Javascript :

$("#contenedor div label").on("click", function(){
   $(this).parent().fadeOut(function(){
      if (!$("#contenedor div:visible").length)
         $("#contenedor h2").fadeOut();
   });
});


Luego de ocultar al elemento que contiene a la "X" a la que se le dio el clic, verificamos si el total de elementos <div> visibles contenidos en el elemento contenedor sea igual a cero o false (el cero se evalúa como el valor booleano false); de ser así, oculto al título del elemento contenedor.

DEMO

Saludos

Por Alexis88

21 de clabLevel



Genero:Masculino  

Web developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.