프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[소스] div 숨기기 보여주기

2013.05.24
북마크 [출처 이동]    작성자 정보
DIV 숨기기 보여주기
javascript
function Show(divid) { 
  divid.style.visibility = "visible";
} 
function Hide(divid) { 
  divid.style.visibility = "hidden";
} 
 
let div = document.getElementById('div');

if( div.style.display === 'none'){
  div.style.display = 'block';
}else{
  div.style.display = 'none';
}





Jquery
$(".left_area>li").click(function(){
	let left_submenu = $(this).children('ul');
	if( left_submenu.is("visible") ){
		left_submenu.slide.Up();
	}else{
		left_submenu.slideDown();
	}
});
 
if ($("div").css("display") == "none") { 
  $("div").show(); //display :none 
}else{
  $("div").hide();  //display :block
}
 
if($('div').is(':visible') == false) {
  alert('안보이는 상태 ');
}else{
  alert('보이는 상태 ');
}


jquery element의 hide 여부 판단하기 .is(':visible');
특정 element의 display 속성이 none ㅇ니지 아닌지 
판단 할떄 아래와 같이 사용
$("#myDiv").ls(":viviblr");
display:none 일때는 false를 반환

이 포스트 공유하기

전체목록