2011-08-05 4 views
0
$(document).ready(function(){ 
    $("li.playerContainer").click(function(){ 
    $(this).animate({paddingBottom:"150px", paddingTop:"150px", paddingRight:"230px", marginTop: "-150px", queue:true}); 
    $("p").animate({opacity:1},2500); 
    }); 

    $(".go").click(function(){ 
    $(this).parent().parent().animate({queue:true, paddingBottom:"0", paddingTop:"0", paddingRight:"0", marginTop: "0"}); 
    $("p").hide(); 
    return false; 
    }); 
}); 

나는 .animate를 사용하여 순서가 지정되지 않은 목록에서 li 요소를 확장하려고합니다. 나는 그들 모두를 성공적으로 확장하고 닫았다. 내가 도움이 필요한 것은 내가 다른 사람을 열 때 이미 열린 사람을 닫고, 먼저 열지 않은 사람은 닫히기를 원한다는 것입니다. 약 10 개의 요소 중 하나만 열 수 있습니다.Jquery 애니메이션 요소를 재설정합니다. 도와주세요?

죄송합니다. 저는 jquery에 대해 매우 익숙하며,이 문제에 집착하고 있습니다. 도와주세요!!

+0

이리? – kinakuta

+0

내가 지금 코드하는 방법 .. 사용자가 "li"을 클릭하면 .. "li"이 패딩 증가 효과로 확장됩니다. 그러나 패딩을 클릭하여 다른 것을 확장하기 전에 다시 패딩을 클릭해야합니다. 그렇지 않으면 패딩이 확장되어 서로 중첩됩니다. 사용자가 "이미 확장 된"닫기를 클릭 할 필요가없는 곳에서 코드를 만들고 싶습니다. 다른 "li"요소를 클릭하면 "이미 펼쳐진"요소가 자동으로 닫힙니다. 미안해, 영어는 제 2 언어이고, 나는 그다지 잘 못합니다. 도움을 많이 주셔서 감사합니다 – pdnaia

+0

다른 li을 기본 상태로 재설정하거나 다시 원래 크기로 애니메이션을 적용 하시겠습니까? – kinakuta

답변

0

난 당신이 뭘 하려는지에 완전히 명확하지 해요,하지만이 살펴보고 그것이 당신이 가고있는 효과가 있는지 말해 : 당신은 "열기"가 무슨 뜻 이죠 http://jsfiddle.net/xyaAE/

+0

고마워요. 정확히 내가 원하는 방식입니다. 너는 내 생명의 은인이야. 고마워요. – pdnaia

+0

다른 문제가 있습니다. 제게 준 코드는 매력처럼 작동했습니다. 하지만 이제 다른 페이지에서 div를 클릭하여로드하려면 코드 안에 다른 버튼을 추가하고 싶습니다. 불행히도, 그 버튼을 누를 때마다, 단지 "li"자체를 클릭 한 것처럼 행동했습니다. 버튼을 클릭하고 다른 사이트로 이동하려고해도 버튼이 작동하지 않습니다. 클릭만으로 할 수있게하려면 어떻게해야합니까? 감사합니다 – pdnaia

+0

사이트를 한번보세요 ... http://phatdesign.us/testProject/site1Test/ – pdnaia