Как сделать проверку на видимость?

Question

[narkesss]

Есть скрытая форма ,по клику на кнопку она открываеться
Как сделать проверку на видимость формы
Если форма видна,кнопка скрывается,если форма спрятана показать кнопку

function visibleAdressBtn() {
    var addNewBtn = $(".address-new-btn-wrap");
      $('#addressNewForm').each(function(){
        if ($('#addressNewForm').is(':visible')) {
          addNewBtn.addClass("hide");
        }
        if ($('#addressNewForm').is(':hidden')) {
          addNewBtn.removeClass("hide");
        }
      })
    }
    }

Что я не правильно сделал?

Comments

[Антон]

Добавляйте к ней класс open, и проверяйте его наличие

[narkesss]

Антон,

function visibleAdressBtn() {
    var addNewBtn = $(".address-new-btn-wrap");
      $('#addressNewForm').each(function(){
        if (!$('#addressNewForm').hasClass("hide")) {
          addNewBtn.addClass("hide");
        }
        if ($('#addressNewForm').hasClass('hide')) {
          addNewBtn.removeClass("hide");
        }
      })
    }

Так ?

[ThunderCat]

Основы программирования и алгоритмов, глава флаги.

Answer 1

[yakupov112]

изначально у формы класс к примеру .close, когда открываете форму, удаляете класс, когда закрываете форму добавляете этот класс. Если нужна проверка, проверяете наличие класса .close

Comments

[narkesss]

function visibleAdressBtn() {
    var addNewBtn = $(".address-new-btn-wrap");
      $('#addressNewForm').each(function(){
        if (!$('#addressNewForm').hasClass("hide")) {
          addNewBtn.addClass("hide");
        }
        if ($('#addressNewForm').hasClass('hide')) {
          addNewBtn.removeClass("hide");
        }
      })
    }

У нее есть класс hide
Так ?

[yakupov112]

Я так понимаю, если вы используете id для блока, значит он у вас уникален, по этому можно обойтись и без цикла

function visibleAdressBtn() {
		if($('#addressNewForm').hasClass("hide")) {
			$(".address-new-btn-wrap").addClass("hide");
		} else {
			$(".address-new-btn-wrap").removeClass("hide");
		}
	}

Answer 2

[Максим Тимофеев]

Вы добавляете класс hide (именно он является признаком), а проверяете почему-то :visible, вы и проверяйте наличие класса hide:
.hasClass('hide')
api.jquery.com/hasClass
А то это как купить спички, пытаться развести костер камнями, и говорить "спички плохие".