Para saber si un elemento determinado esta oculto (display: none) o visible (display: block) en css usando jQuery podemos utilizar el selector “visible” de la siguiente manera:
if( $('#id_del_elemento').is(":visible") ){ alert('El Elemento es visible'); }else{ alert('El Elemento esta oculto'); }
Este selector jquery actúa solo con la propiedad “display” de css (y no con “visibility”).