자바스크립트 아코디언

#1. 자바스크립트 래퍼를 이용한 아코디언

리액트 아코디언

#1. 리액트 기본 아코디언

  • Officia nulla voluptate aliquip culpa officia sunt esse consectetur ullamco et quis. Tempor voluptate magna labore quis cillum proident officia aute. Ut tempor aliquip veniam consectetur commodo consectetur.

    • #2. 리액트 아코디언 With Detail태그

    details를 사용하면 브라우저 기본동작 때문에 트랜지션 적용이 어렵다.

    Et dolor labore esse in ullamco ex amet velit consequat.

    Officia nulla voluptate aliquip culpa officia sunt esse consectetur ullamco et quis. Tempor voluptate magna labore quis cillum proident officia aute. Ut tempor aliquip veniam consectetur commodo consectetur.

    Enim non ipsum voluptate officia laborum.

    Sunt ad anim incididunt velit aute nisi in sit in nulla non aute nisi. Dolore ut occaecat eiusmod ut veniam eu et fugiat et do aute ad nulla proident. Tempor ad quis adipisicing reprehenderit occaecat in.

    Ea ut velit sint fugiat labore officia est ea in culpa incididunt ea nisi.

    Cillum commodo do Lorem in esse enim ipsum. Magna nostrud incididunt sunt Lorem elit non laboris magna quis. Officia occaecat proident eu laborum esse.

    Ipsum excepteur magna quis eiusmod.

    Adipisicing ullamco id sunt labore laboris ipsum ea consequat. Incididunt quis duis quis nisi veniam in ea exercitation quis ullamco officia commodo. Enim enim mollit excepteur ullamco sit exercitation excepteur elit labore incididunt consectetur consequat deserunt voluptate.