학습한 내용

오늘은 조직도 부분에서 왼쪽 위 '조직조'를 클릭하면 조직도의 도표가 사라지거나 나타나도록 구현을 하였다

오늘 작업에 사용한 기능은 fadeToggle이다

fadeToggle은 토글 기능과 fade 기능을 합쳐놓은 기능인데
클릭했을 때 아이템이 나타나있지 않으면 fadeIn되면서 서서히 나타나고,
아이템이 나타나있으면 fadeOut되면서 서서히 사라지게 되는 jQuery 기능이다

조직도 이름( .name_wrap )을 누르면 조직도 그림 (.organization_wrap )에 토글 기능이 걸리도록 함수를 설정하였다

토글 기능에 제대로 fade기능이 걸려있는 모습을 확인하였다

어려운 내용

스크롤 애니메이션이 걸려있는 div에 토글 기능을 걸었더니 토글이 제대로 작동하지 않았다

해결방법

스크롤 애니메이션이 걸려있는 div( .organization_info )위에 토글용 div( .organization_toggle )를 만들어주어 각 div가 다른 애니메이션을 실행하도록 설정한다

학습소감

조직도 애니메이션도 어설프게나마 일단 끝냈다
더욱 복잡한 애니메이션 구현이 필요하면 다시 고민을 해봐야겠지만..
이제 어려움을 겪고 있는 조원을 도와주면서 작업을 마무리하면 될 것 같다