https://jsfiddle.net/p819owL0/
div 슬라이딩을 짜집기해보고 있는데
1)div가 비틀려있어요,,나란히 배치하고,,클릭하면 슬라이딩하려는데...
슬라이딩은 되는데 div가 위아래로 비틀려있어요,,유유
2)그리고 슬라이딩되어 오는 바깥 즉 my div 부분 클릭하면 닫히게 하려면 어떻게 해야 하나요? 유유
|
답변 1개 / 댓글 2개
채택된 답변
+20 포인트
2019-07-15 (월) 09:18:21
// CSS에 변경
#website {
height: 100px;
position: relative;
background: #666;
width: 50%;
left: -100%;
float:left; /* 추가*/
}
---------------
//JavaScript에 추가
$(function() {
$("#website2").click(function() {
$("#website2").hide();
});
});
답변에 대한 댓글 2개
머시기거시기
2019-07-15 (월) 10:27:16
2019-07-15 (월) 10:34:10
@머시기거시기
이걸 조금더 안정적으로 처리하시려면
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/
ㅎㅎ