jQuery/Javascript: detecta si el aviso html de la tienda WooCommerce está visible

Estoy buscando una forma de determinar con JavaScript/jQuery si se muestra el aviso de la tienda WooCommerce. El HTML para el aviso de la tienda se ve así…

<p class="woocommerce-store-notice demo_store" style="display: block;">
    This is a store notice
</p>

He intentado hacer esto usando lo siguiente…

jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == 'none') {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});

Pero esto me dice que el aviso está oculto cada vez, incluso cuando está visible.

¿Podría esto tener algo que ver con la forma en que se muestra el aviso de la tienda? ¿Tal vez se configura después de que el dom se haya cargado?

El elemento se elimina cuando el aviso de la tienda está deshabilitado. el css display la propiedad no está disponible por lo tanto undefined. Pruebe el siguiente código

jQuery(document).ready(function(){
    if ( jQuery('.woocommerce-store-notice').css('display') == undefined) {
        console.log('Store Notice Hidden');
    } else {
        console.log('Store Notice Visible');
    }
});

Verifícalo con

if(jQuery('.woocommerce-store-notice').is(':visible')){

}

else{

}

Puedes encontrar lo que buscas aquí:

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

Por cierto => JQuery: si div es visible