2012-04-20 2 views
0

희망을 사용하여 잘 ... 을 Heres에만 DIV 업 (하지 아래로) 이동 moment-에서 내 jQuery 코드 :JQuery와 토글 사업부의 위, 아래 버튼을

$("#thedacbutton").click(function(){ 
    $(".thedacALLCONTENT").animate({"top":"-=558px"}, 400, 'linear'); 
    }); 

내가 "thedacALLCONTENT"원하는을 "thedacbutton"이 클릭되었을 때 위로 이동하고 한번 클릭하면 다시 원래 위치로 돌아갑니다. 토글처럼 ... 어떤 도움도 크게 감사합니다 - Tom

답변

3

나는이 매우 적은 세부 사항으로 무엇을 할 것인가? 시도해 볼 수 있습니다.

var flag = true; 
$("#thedacbutton").click(function(){ 
    if(flag){ 
    $(".thedacALLCONTENT").animate({"top":"-=558px"}, 400, 'linear'); 
    flag = false; 
    }else{ 
    $(".thedacALLCONTENT").animate({"top":"+=558px"}, 400, 'linear'); 
    flag = true; 
    } 
}); 
+0

정말 고마워요! 끝난! 나는 내 모자를 너에게 가져 간다. – user1281720

+0

EDIT- @ dku.rajkumar - 나는이 슬라이딩 박스들 중 하나 이상을 가지고 있는데, var flag = true는 서로 간섭하고있는 것처럼 보인다 ... 어떤 아이디어? 감사합니다 – user1281720

+0

@ user1281720 당신은 두 가지 다른 플래그 변수를 사용하거나'javascript closure'를 검색 할 수 있습니다. 왜냐하면 동일한 범위에서 같은 이름의 변수가 여러 개 있기 때문입니다. 또한 문제가 해결되면 dku 응답을 대답으로 표시하는 것을 잊지 마십시오! –

2

slideToggle() 어때요? jsFiddle example 빠른

$("#thedacbutton").click(function(){ 
    $(".thedacALLCONTENT").slideToggle(); 
}); 

.

+0

불행히도 슬라이드 토글을 사용하면 애니메이션이 필요할 때 사라지는 버튼을 포함한 div가 만들어집니다./ – user1281720

+0

@ user1281720 -이게 어떻게 : http://jsfiddle.net/j08691/xwqQ8/2/? – j08691

+0

안녕하십니까, 시간 내 주셔서 감사합니다.하지만 광산에서 작동하지 않습니다./ – user1281720

관련 문제