jQuery visible, hidden 체크

 

가끔 레이어 숨김 여부를 체크하여 별도의 이벤트를 주는 경우가 종종 있다.
이럴때 유용하게 쓰일 스크립트.

 

if ($('#bar').is(':visible')) {
 // visible
}
else {
 // not visible
}

 

또는

 

if ($('#bar').is(':hidden')) {
 // hidden
}
else {
 // not hidden
}

 

또는

 

if ($('#bar:visible')) {
 // hidden
}
else {
 // not hidden
}

 

if ($('#bar').is(':visible')) {
	// visible
}
else {
	// not visible
}

 

 

if ($('#bar').is(':hidden')) {
	// hidden
}
else {
	// not hidden
}

 

 

if ($('#bar:visible')) {
	// hidden
}
else {
	// not hidden
}