Very simple;
// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");
// The same works with hidden
$(element).is(":hidden");
Reference
https://stackoverflow.com/questions/178325/how-do-i-check-if-an-element-is-hidden-in-jquery

