Verificare se gli elementi tutti i bambini sono nascosti

Question

io sono un po 'bloccato qui con il mio script:

sua una casella di controllo filtrando tutte .notme immagini e nascondere è elementi della lista. Il problema ora è che non posso ottenere una funzione di callback funzionante per lo fadeToggle. Dovrebbe comportarsi in questo modo:

Se tutti i bambini di #list-team-single-container sono "none visualizzato" - fare qualcosa.

$('#show-only-my-teams').change(function(){ 
    $('.notme').each(function(){ 
     $(this).parent().parent().fadeToggle('fast', function(){ 
     }); 
    }); 
}); 

Answer 1

if($('#list-team-single-container').children(':visible').length == 0) { 
    // action when all are hidden 
} 

Answer 2

Il :visible selettore jQuery potrebbe essere quello che state cercando ...

Dalle description

elementi sono considerati visibile se consumano spazio nel documento. Gli elementi visibili hanno una larghezza o un'altezza maggiore di zero.

Elementi con visibilità: nascosti o opacità: 0 sono considerati visibili, poiché occupano ancora spazio nel layout. Durante le animazioni che nascondono un elemento, , l'elemento è considerato visibile fino alla fine dell'animazione. Durante le animazioni per mostrare un elemento, l'elemento è considerato visibile all'inizio dell'animazione.

http://api.jquery.com/visible-selector/

---

$('#list-team-single-container').children(':visible'); 

Quella riga di codice restituirà tutti gli elementi figlio di #list-team-single-container che sono visibili.

$('#list-team-single-container').children(':visible').length; 

Quella riga di codice restituirà il numero di elementi figli di#list-team-single-container che sono visibili.

Answer 3

E 'difficile essere precisi senza vedere il vostro codice, ma mi piacerebbe immaginare di fare qualcosa di simile:

var isVisible = 0; 

$('.notme').each(function() { 
    if($(this).is(":visible") { 
     isVisible++; 
    } 
}); 

if (isVisible == 0) 
    // do something