jquery, woher weiß ich, dass div versteckt ist?

Lesezeit: 1 Minute

Ich habe Code, der jquery.slideup und jquery.slidedown verwendet

Wie kann ich wissen, dass div versteckt ist?

Um zu sehen, ob ein Element sichtbar ist oder nicht, können Sie die verwenden sichtbarer Selektor mit dem ist Funktion:

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

Aber klingt für mich so, als ob Sie den Slide-Effekt umschalten möchten, dafür können Sie den verwenden SlideToggle Funktion.

  • Ich könnte mich irren, aber das ist .is(:visible”) (mit dem Doppelpunkt)?

    – Hugoware

    30. Juni 2009 um 18:18 Uhr

  • Danke für die Antwort, schön zu wissen, dass es so etwas wie eine .is-Funktion gibt

    – Mama

    30. Juni 2009 um 18:20 Uhr

Benutzer-Avatar
Daniel Mura

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

Aber vielleicht möchten Sie slideToggle für Ihre Bedürfnisse verwenden.

  • Sehen Sie sich die Anführungszeichen dort an – Sie haben $(“#id’), wo Sie $(‘#id’) meinen.

    – Dan Davies Brackett

    30. Juni 2009 um 19:23 Uhr

Sie können den sichtbaren Selektor verwenden:

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

Sie könnten $(“#elementID”).height() == 0 verwenden, da Sie wissen, dass es entweder oben oder unten sein wird. Es kann auch schneller sein als .is(:visible”), aber ich habe keine Tests zu dieser Tatsache durchgeführt.

Benutzer-Avatar
Zeeshan Achter

HTML QUELLTEXT:

Wenn Sie auf div id “collapse” klicken, wenn die div id “flex-container” sichtbar ist, wird sie ausgeblendet und wenn sie ausgeblendet wird, ist sie sichtbar.

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

JQUERY-CODE:

 $(document).ready(function() {

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

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

   });
 });

1204990cookie-checkjquery, woher weiß ich, dass div versteckt ist?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy