Как проверить, что элемент уже виден?

Question

В коде HTML я использую jQuery, чтобы скрыть или отобразить элемент с идентификатором. Как проверить, если элемент уже виден?

Например, мы используем show() для отображения элемента с идентификатором. Но перед тем, как позвонить show(), мне нужно проверить, было ли уже использовано show() для этого идентификатора, а затем как сравнить?

Answer 1

$('#element').is(':hidden'); // boolean 

Answer 2

Если элемент виден, show() ничего не сделает, поэтому это очень низкий риск. Однако вы можете использовать селектор :visible или :hidden для поиска видимых элементов.

$('#myId:visible').hide(); 

$('#myId:hidden').show(); 

Используя это в селекторе, вы можете просто выстрелить шоу и скрыть методы и не беспокоиться о том, что видно или нет, потому что если вы пытаетесь скрыть :hidden элемент, вы ничего не выбрать так вы не будете do ничего.