jquery, comment savoir que le div est caché ?

Question

J'ai un code qui utilise jquery.slideup et jquery.slidedown.

Comment puis-je savoir que la division est cachée ?

Answer 1

Pour savoir si un élément est visible ou non, vous pouvez utiliser la fonction sélecteur visible avec le est fonction :

$("#idElement").is(":visible") // true or false

Mais il me semble que vous souhaitez activer l'effet de glissement, pour cela vous pouvez utiliser la fonction slideToggle fonction.

Answer 2

$('#id').is(':hidden');    //true if is hidden
$('#id').is(':visible');   //true if is visible

Mais vous voudrez peut-être utiliser slideToggle pour vos besoins.

Answer 3

Vous pouvez utiliser le sélecteur visible :

http://docs.jquery.com/Selectors/visible

Answer 4

Vous pourriez utiliser $("#elementID").height() == 0 puisque vous savez qu'il sera soit en haut, soit en bas. Cela peut être plus rapide que de faire le .is(":visible") également mais je n'ai pas fait de test à ce sujet.

Answer 5

CODE HTML :

lorsque vous cliquez sur la div id "collapse" si la div id "flex-container" est visible alors elle est cachée et si elle est cachée alors elle est visible.

          <div  id="collapse" >collapse</div> 

CODE JQUERY :

 $(document).ready(function() {

   $("#collapse").on('click', function() {

   if($('#flex-container').is(':visible'))
    {  $("#flex-container").hide();  }
    else 
    {  $("#flex-container").show();  } 

   });
 });