위에서 아래로 총 4단계로 열리는 faq를 닮은 슬라이드를 만들었는데..

아래처럼 단계별로 각각 ajax 로 페이지를 로드합니다.

(* ajax 1,2,3,4 이동시 상호 닫는 코드 부분은 생략했습니다. )

ajax-1
$('aa').slideDown();

ajax-2
$('aa').slideUp();
$('bb').slideDown();

ajax-3
$('bb').slideUp();
$('cc').slideDown();

ajax-4
$('cc').slideUp();
$('dd').slideDown();


이때 결과화면이 미리 보여져 겹쳐지는 문제를 다른 분의 답변으로 콜백으로 구현했는데..

콜백을 통해 구현하니 하나가 접혀야 다른 하나가 열리다 보니

불필요하게 오르락 내리락 반복되는 UI의 움직임이 좀 답답합니다.


위의 예처럼 하나 하나 덮듯이 올라오게 하되 결과화면이 미리 보여지지 않았으면 좋겠는데..

고수분들의 조언 부탁합니다.




새벽이 오네요.

위에서 아래로 총 4단계로 열리는 faq를 닮은 슬라이드를 만들었는데..



아래처럼 단계별로 각각 ajax 로 페이지를 로드합니다.



(* ajax 1,2,3,4 이동시 상호 닫는 코드 부분은 생략했습니다. )



ajax-1

$('aa').slideDown();



ajax-2

$('aa').slideUp();

$('bb').slideDown();



ajax-3

$('bb').slideUp();

$('cc').slideDown();



ajax-4

$('cc').slideUp();

$('dd').slideDown();





이때 결과화면이 미리 보여져 겹쳐지는 문제를 다른 분의 답변으로 콜백으로 구현했는데.. 



콜백을 통해 구현하니 하나가 접혀야 다른 하나가 열리다 보니 



불필요하게 오르락 내리락 반복되는 UI의 움직임이 좀 답답합니다.





위의 예처럼 하나 하나 덮듯이 올라오게 하되 결과화면이 미리 보여지지 않았으면 좋겠는데..



고수분들의 조언 부탁합니다.









새벽이 오네요.