jQuery .click 버튼 고정하고 싶습니다.
-
게시물 수정 , 삭제는 로그인 필요
jQuery를 배우고 있는데, .click버튼을 눌러서 div 박스를 숨길 때, 버튼도 같이 올라가서 이 버튼을 고정하는 방법을 도저히 모르겠습니다.
마진으로 고정을 하라는데 하는 법을 정말 모르겠습니다...
.animate로 마진을 해보기도 했는데, 이게 맞는지 모르겠습니다.
누를 때마다 버튼이 위로 올라가지 않는 대신, 역동으로 튕겨오르듯 자꾸 움찔 거립니다.
왠만하면 제 스스로 하는 것이 좋겠지만, 어젯밤부터 계속 검색을 해가며 하는데도 도저히 모르겠습니다...
마진으로 어떻게 버튼을 움직이지 않게 할 수 있나요?..
<HTML>
<body>
<div id="box0">
<div id="box1">
<div id="box">안녕</div>
</div>
<div id="box2">
<button id="btn">감추기</button>
<button id="btn2">보이기</button>
</div>
</div>
</body>
<CSS>
#box0 {
width: 120px;
height: 50px;
border: 1px solid black;
}
#box1 {
width: 120px;
height: 25px;
border: 1px solid red;
clear: both;
}
#box2 {
width: 120px;
height: 25px;
border: 1px solid blue;
}
<JabaScript> (jQuery)
$("#btn").click(function(){
$("#box1").hide(300);
});
$("#btn2").click(function(){
$("#box1").show(300);
});
<JabaScript> (jQuery) (.animate 추가한 것, 버튼이 움직이지 않는 대신 역동적으로 움직입니다..)
$("#btn").click(function(){
$("#box1").hide(300);
});
$("#btn2").click(function(){
$("#box1").show(300);
});
$("#btn").click(function(){
$("#box2").animate({"margin-top":"25"});
});
$("#btn2").click(function(){
$("#box2").animate({"margin-top":"0"});
});
마진으로 고정을 하라는데 하는 법을 정말 모르겠습니다...
.animate로 마진을 해보기도 했는데, 이게 맞는지 모르겠습니다.
누를 때마다 버튼이 위로 올라가지 않는 대신, 역동으로 튕겨오르듯 자꾸 움찔 거립니다.
왠만하면 제 스스로 하는 것이 좋겠지만, 어젯밤부터 계속 검색을 해가며 하는데도 도저히 모르겠습니다...
마진으로 어떻게 버튼을 움직이지 않게 할 수 있나요?..
<HTML>
<body>
<div id="box0">
<div id="box1">
<div id="box">안녕</div>
</div>
<div id="box2">
<button id="btn">감추기</button>
<button id="btn2">보이기</button>
</div>
</div>
</body>
<CSS>
#box0 {
width: 120px;
height: 50px;
border: 1px solid black;
}
#box1 {
width: 120px;
height: 25px;
border: 1px solid red;
clear: both;
}
#box2 {
width: 120px;
height: 25px;
border: 1px solid blue;
}
<JabaScript> (jQuery)
$("#btn").click(function(){
$("#box1").hide(300);
});
$("#btn2").click(function(){
$("#box1").show(300);
});
<JabaScript> (jQuery) (.animate 추가한 것, 버튼이 움직이지 않는 대신 역동적으로 움직입니다..)
$("#btn").click(function(){
$("#box1").hide(300);
});
$("#btn2").click(function(){
$("#box1").show(300);
});
$("#btn").click(function(){
$("#box2").animate({"margin-top":"25"});
});
$("#btn2").click(function(){
$("#box2").animate({"margin-top":"0"});
});
#jquery .click #jquery .click function #jquery .click not working #jquery .click deprecated #jquery click 이벤트 #jquery click event #jquery click trigger #jquery click button #jquery click class #jquery click off
