Делать что-то, если элемент скрыт

как я могу проверить, является ли элемент видимым или скрытым с jquery и выполнить какое-либо действие?

ниже приведен мой код, связанный с моей формой,

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname"><br>
Full name: <input type="text" name="fullname"><br>
DOB: <input type="text" name="dob">
Address: <input type="text" name="address">
</form>

Мне нужно скрыть текстовое поле полного имени, когда отображается текстовое поле имени или текстовое поле имени.

Ответы

Ответ 1

попробуйте что-то вроде этого

if($('#testElement').is(':visible')){
   //what you want to do when is visible
}

для вашего кода

if($('input[name="firstname"], input[name="lastname"]').is(':visible')){
  $('input[name="fullname"]').hide();
}

ССЫЛКА

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

Ответ 2

вы должны изменить

<input type="text" name="fullname"> 
to 
<input type="hidden" name="fullname">

чтобы скрытие поля ввода

Ответ 3

это должно работать $(element).is(":visible")

Ответ 4

if($('input[name="firstname"], input[name="lastname"]').is(':visible') === true)
    $('input[name="fullname"]').hide();

Ответ 5

Я не знаю логики вашего вопроса, но эта демонстрация должна сделать трюк. DEMO

$(document).ready(function(){
if($('#firstname').is(':visible') || $('#lastname').is(':visible'))
    $('#fullname').parent().hide();

})

Я добавил несколько родительских div, чтобы скрыть текст и ввод один раз. Если вы хотите, вы можете обернуть текст в тег метки для более четкого вывода.