html5 + css3 code <!doctype html> <html> <head> <title>jquery test</title> <script src="http://code.jquery.com/jquery-1.7.min.js"></script> <style> input[type=checkbox]:checked + div{ height: 0px; } div{ overflow: hidden; width: 650px; height: 300px; -ms-transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duratin: 1s; } </style> </head> <body> <input type="checkbox" /> <div> <h1>lorem ipsum</h1> <p>lorem ipsum dolor sit amet, consectetur adipisci...
원문링크 : 체크 박스에 체크 시 내용 사라지는 코드(fade in, fade out 효과)
네이버 블로그
티스토리
커뮤니티