Collapse와 Accordion를 jQuery로 직접 구현하기 (Javascript)

Collapse와 Accordion를 jQuery로 직접 구현하기 (Javascript)

부트스트랩(bootstrap)에 있는 Collapse나 Accordion을 (숨기기/보이기) 구현하고 싶은데 부트스트렙 같은 프레임워크(FrameWork)을 사용하지 않고는 구현할 수 없을까?

한참을 구글링 하다 제이쿼리(jQuery) 자체 기능으로 된다는 사실을 알았다. 코드는 간단하다.

아래는 예제 입니다.

• 쪽지 제목 1 (클릭해보세요)

  Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

• 쪽지 제목 2 (클릭해보세요)

  Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

>> 코드(소스)는 링크 클릭 <<

추가로 궁금한 사항은 댓글남겨주세요