$(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에 대해 매우 익숙하며,이 문제에 집착하고 있습니다. 도와주세요!!
이리? – kinakuta
내가 지금 코드하는 방법 .. 사용자가 "li"을 클릭하면 .. "li"이 패딩 증가 효과로 확장됩니다. 그러나 패딩을 클릭하여 다른 것을 확장하기 전에 다시 패딩을 클릭해야합니다. 그렇지 않으면 패딩이 확장되어 서로 중첩됩니다. 사용자가 "이미 확장 된"닫기를 클릭 할 필요가없는 곳에서 코드를 만들고 싶습니다. 다른 "li"요소를 클릭하면 "이미 펼쳐진"요소가 자동으로 닫힙니다. 미안해, 영어는 제 2 언어이고, 나는 그다지 잘 못합니다. 도움을 많이 주셔서 감사합니다 – pdnaia
다른 li을 기본 상태로 재설정하거나 다시 원래 크기로 애니메이션을 적용 하시겠습니까? – kinakuta