/* JS */
$(".slide-toggle").click(function() { $(".box").animate({ width: "toggle" }, 400, "linear"); });
/* CSS */
.box {float:left; overflow: hidden; background: #f0e68c;} .box-inner {width: 400px; padding: 10px;}
/* HTML */
Lorem ipsum dolor sit amet...
Sources : https://codepen.io/gvissing/pen/oxBJEz
'jQuery' 카테고리의 다른 글
[jQuery] 접속 국가 ip check (0) | 2018.12.23 |
---|---|
[jQuery] Page Redirection (0) | 2018.12.23 |
[jQuery] image preload (0) | 2018.12.03 |
[jQuery] Plugin - LightBox, Modal Popup, Youtube Modal (0) | 2018.11.02 |
[javascript] 파일첨부시 특정 파일확장자만 선택 / input type="file" 초기화 (1) | 2018.10.14 |