> For the complete documentation index, see [llms.txt](https://thdbsgh3443.gitbook.io/triplexlab/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thdbsgh3443.gitbook.io/triplexlab/triplexlab-api/toggledynamic.md).

# ToggleDynamic

```javascript
<script src="https://unpkg.com/triplexlab/dist/all.min.js"></script>
<script>

new tr.ToggleDynamic({
    targets: {
        startEl: '.faq_inner',              // 컴포넌트 상의 루트(Element)를 시작 선택자로 선언 합니다.
        endEl: '.faq_item',                 // 컴포넌트 상의 리스트들(Element)를 끝나는 선택자로 선언 합니다.
        eventEl: '.btn',                    // 클릭 대상의 이벤트 선택자로 선언 합니다.
    },
    addClassName: 'active',                 // 넣고 싶은 클랙스 명
});
</script>
```