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를 반환