Frontend Developer를 향해 !

https://github.com/nhnent/fe.javascript/wiki

[소스] DOCTYPE html> JS Bin * {margin:0;padding:0;box-sizing: border-box;} body, html, .wrapper { width: 100%; height: 100%; } .container { position: relative; padding-top: 50px; width: 100%; height: 100%; background: gray; } .topBox { position: absolute; left: 0; top: 0; width: 100%; height: 50px; background: skyblue; } .bottomBox { position: relative; width: 100%; height: 100%; background: orang..

[소스] DOCTYPE html> /* 자바스크립트 click이벤트 없이 CSS만으로 toggle 구현하기 */ input { /* 체크박스를 버튼으로 사용하기 위해 숨긴다. */ position:fixed; left:-9999px; } #box { width: 20px; height: 20px; background: skyblue; } :checked ~ #box { /* 일반 형제 선택 */ height:100px !important; } .transition { /* 크기 애니메이션 적용 */ transition: height 0.1s ease-in-out; } toggleBtn [view]http://jsbin.com/fasakoyiyu/edit?html,output