작성일/수정일
2013-05-24 17:27:50 / 2013-05-24 17:27:50
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를 반환