함수 두개 toggle 시키기

    $('.클래스명').toggle(함수1,함수2);

기본적으로 위 구조를 이용

클래스명을 클릭하면 처음에는 함수1이 실행되고 한번 더 누르면 함수2 ,다시 누르면 함수1로 반복한다

함수는 function(){ 내용 } 형식으로 사용하며 아래 예시 참고 ▼

<script>    
    $('.menu_button').toggle(function() {

        $('body').css({
            position: 'fixed',
            overflow: 'hidden'
        });   //슬라이드 메뉴작동시 뒷 배경 스크롤 막기

        $('.submenu').animate({
            right: '0'
        });

    }, function() {

        $('body').css({
            position: 'relative',
            overflow: 'scroll'
        }); //슬라이드 메뉴 해제 시 뒷 배경 스크롤
        
        $('.submenu').animate({
            right: '-170px'
        });
    });
</script>