버튼 하나로 슬라이드

버튼 하나로 ajax 통신 후 div 출력!!!

최초 클릭 시에는 슬라이드 다운, 이후 클릭 시 슬라이드 업

 

js 파일 맨 상위에 선언

let isFirstClick = true;

 

ajax 통신 후 success에 선언

// 클릭 시 슬라이드
if (isFirstClick) {
    $("#slide_test").slideDown();
}else {
    $("#slide_test").slideUp();
}

// 최초 클릭 여부를 업데이트
isFirstClick = !isFirstClick;