Jquery로 CSS 상단 위치 이동

Question

다음 코드는 작동하지 않습니다. div를 위치에서 위로 변경하려면 어떻게 변경합니까?

div { width:220px; height:170px; margin: 10px 50px 10px 10px; 
    background:yellow; border:2px groove; float:right; } 

#alt { width:20px; height:170px; margin: 10px 50px 10px 10px; 
     background:blue; border:2px groove; float:right; } 

    #altLevel { width:10px; height:20px; 
     background:red; border:2px groove; } 



$('div').mouseclick(function() { 
$('#altLevel').css('top', '+=10'); 
}); 

Answer 1

당신은 당신의 위치를 ​​변경하기 전에 #altLevel의 스타일에 position:absolute 또는 position:fixed을 추가해야합니다. 또한, 그것을 기본 top:0의 위치 또는 당신이 무엇을 좋아하는 줄 :

#altLevel { 
    width:10px; height:20px; 
    position:absolute; top:0; 
    background:red; border:2px groove; 
} 

당신은 당신의 자바 스크립트는 작은 수정 작업을해야합니까 후 :

$('div').click(function() { 
    $('#altLevel').css('top', '+=10'); 
});​ 

http://jsfiddle.net/mblase75/mGAKe/