[소스] SD_05 display, visiblity
2021.07.05
작성일/수정일
2021-07-05 00:08:22 / 2021-07-05 00:08:22
display:none;
코딩에 존재 없음
공간을 차지하지 않음
if ( $('.box').css('display') === 'none' ) {
$('.box').show();
/* $('.box').slidDown(); */
} else {
$('.box').hide();
/* $('.box').slidUp(); */
}
visiblity:hidden, visiblity:visible
코딩에 존재 있음
공간을 차지하면서 안보임
<style>
.hide { visiblity:hidden; }
</style>
display : table
하위 tag에 선언
<style>
.services{
display:table;
width:800px;
border:1px solid;
}
.service div{
display:table-cell;
width:50%;
}
</style>