슬라이드 아웃 수직으로 클릭에

Question

예를 하위 메뉴 : http://kettlenyc.com/

위의 예는 내가 달성하고 싶은 정확히 : 나는 원래의 수직 onclick을 미끄러지 하위 메뉴/DIV있을 위해 싶습니다 링크 .. 어떻게 할 수 있습니까? 슬라이드 아웃 부분이 수평으로 100 % 나오는지 확인하십시오. 또 다른 유사한 예는 http://pollenlondon.com/

Answer 1

가장 쉬운 방법은 jQuery과 같은 자바 스크립트 라이브러리를 사용하는 것입니다. 이러한 라이브러리에는 이러한 종류의 슬라이드 애니메이션을 만들기위한 사전 제작 된 효과가 있습니다. slideUp과 slideDown 효과를 특별히 살펴 보도록 조언 하겠지만, 라이브러리가 애니메이트하고자하는 요소의 특정 CSS 값을 수정하고 HTML의 나머지 부분에 어떻게 영향을 미치는지에 대해 특별히 고려해야합니다.

마크 업 샘플을 제공하면 추가 assays가 제공 될 수 있습니다.

희망이 도움이됩니다.