jQuery – widoczność elementów

Przy pomocy jQuery można zmieniać widoczność elementów umieszczonych na stronie. Najczęściej stosuje się ten zabieg przy wywoływaniu ajaxa (np: ukryty div wypełniamy treścią odesłaną przez skrypt, a następnie pokazujemy go; ukrywamy div, a poprzez .ajax przekazujemy polecenie usunięcia wskazanego elementu).

To, czy element jest widoczny można sprawdzić przy pomocy is( ’:visible’ ):

if( $("#id_elementu").is( ':visible' )) {
 // element jest widoczny
}
else {
 // element nie jest widoczny
}

Zmianę widoczności obiektu wykonuje się przy pomocy:

// przełączenie widoczny <=> niewidoczny
.toggle()
// ukrycie
.hide()
// pokazanie
.show()

Dobrze jest ustawić w css lub w stylu danego elementu domyślną wartość dla display:

<div id="id_obiektu" style="display: none;"></div>

• Tweet
• Pin It