2009-06-30 27 views

Odpowiedz

87

Aby sprawdzić, czy element jest widoczny, czy nie, można użyć visible selector z is funkcję:

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

Ale dźwięki mnie lubisz, jak chcesz przełączać efekt slajdu, bo możesz użyć funkcji slideToggle.

+1

może być błędny, ale to .is ("Widoczne") (z jelita)? – Hugoware

+0

dziękuję za odpowiedź, miło wiedzieć, że jest coś takiego .is function – mamu

+0

@HBoss: tak, masz rację – CMS

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

Ale możesz chcieć użyć slideToggle do swoich potrzeb.

+0

obejrzyj cytaty tam - masz $ ("# id"), gdzie masz na myśli $ ("# id"). –

+0

@DDaviesBrackett: dzięki. Poprawione. –

0

Możesz użyć $ ("# elementID"). Height() == 0, ponieważ wiesz, że będzie albo w górę, albo w dół. To może być szybsze niż wykonanie .is (": visible"), ale nie zrobiłem żadnych testów na ten fakt.

0

kod HTML:

po kliknięciu na div id "upadku", jeśli div id "flex-kontener" jest widoczna wtedy jego hide hide i jeśli wtedy widoczne.

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

JQUERY KOD:

$(document).ready(function() { 

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

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

    }); 
}); 
Powiązane problemy