16.05.31

메뉴를 누르면 해당 메뉴의 본문이 내려오는 효과

1. animate로 효과를 줄 땐 css transition효과는 빼야 한다. (반대도 마찬가지)

2. HTML에서 article 배경은 고정되어 있기 때문에, article을 전부 만들지 말고 div로 나눠서 배경은 하나로 만드는게 좋을 것 같다.

3. jquery 체이닝할 때, 코드의 순서에 신경을 써야 한다. 특히 콜백을 부를 때, 변수의 변화를 신경을 잘 써야함.

4. 왠지 모르겠지만, 지금까지 animate는 하나의 요소에만 먹히는줄 알았다. 그게 아님.. 모든 요소가 다 먹힘.. each로 쓸 필요 없음..

5. 따라서 사실상 article의 on 클래스로 활성화인걸 굳이 나눌 필요가 없는듯 하다. 원래는 이전에 나와있던 요소를 구분하기 위해 on 클래스를 사용하려고 했으나, 이렇게 클래스로 구분하면 메뉴 클릭을 마구하면 애니메이션 효과가 꼬이는 현상이 발생함..

6.rotate 클래스들도 다 필요없음. add를 이용해서 rotate 시킬 요소들을 jquery 집합에 추가했다.