제이에스피들에서,,,이거 좀 봐주세요 채택완료
머시기거시기
6년 전
조회 1,793
https://jsfiddle.net/p819owL0/">https://jsfiddle.net/p819owL0/
div 슬라이딩을 짜집기해보고 있는데
1)div가 비틀려있어요,,나란히 배치하고,,클릭하면 슬라이딩하려는데...
슬라이딩은 되는데 div가 위아래로 비틀려있어요,,유유
2)그리고 슬라이딩되어 오는 바깥 즉 my div 부분 클릭하면 닫히게 하려면 어떻게 해야 하나요? 유유
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
6년 전
// CSS에 변경
#website { height: 100px; position: relative; background: #666; width: 50%; left: -100%; float:left; /* 추가*/ } ---------------
//JavaScript에 추가
$(function() { $("#website2").click(function() { $("#website2").hide(); }); });
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
머시기거시기
6년 전
�
플래토
6년 전
@머시기거시기
이걸 조금더 안정적으로 처리하시려면
website 바깥에 div을 하나 씌워서
height를 적절하게 주시면 더 좋습니다.
<div id="web">
<a class="show" style="color:#999;">클릭 div 슬라이딩</a>
<div id="website">
Your DIV here!
</div>
<div id="website2" style="margin:0 auto">
my DIV here!
</div>
</div>
<div style="width:855px;height:20px;background:orange">
tail
</div>
#web {
height:120px;
}
이걸 조금더 안정적으로 처리하시려면
website 바깥에 div을 하나 씌워서
height를 적절하게 주시면 더 좋습니다.
<div id="web">
<a class="show" style="color:#999;">클릭 div 슬라이딩</a>
<div id="website">
Your DIV here!
</div>
<div id="website2" style="margin:0 auto">
my DIV here!
</div>
</div>
<div style="width:855px;height:20px;background:orange">
tail
</div>
#web {
height:120px;
}
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
역시 대단합니다.
https://jsfiddle.net/cdgha5on/1/
ㅎㅎ