jquery 토글 너비 애니메이션을 중간에 중지하고 다시 닫는 방법은 무엇입니까?

Question

이 질문이 혼란스러울 수도 있지만 예를 들어 보겠습니다. 너비를 전환하는 버튼을 클릭하면 버튼을 누른 후에도 div가 계속 애니메이션을 실행하는데 이는 이상해 보이지 않습니다. 내가 원하는 것은 div가 중간에 멈추고 다른 방향으로 가고, 버튼을 다시 눌렀을 때 기존 애니메이션이 완료되지 않는 것입니다.

으아아아 으아아아 으아아아

내가 말하는 내용을 이해하실 수 있도록 여기 바이올린이 있습니다. "메뉴 표시" 버튼을 스팸으로 보내보세요.

https://jsfiddle.net/x14usdga/5/

도움을 주셔서 정말 감사합니다. 여기저기 찾아보았지만 내 문제에 대한 정보를 찾을 수 없는 것 같습니다.