アコーディオンパーツを使うことで簡単にアコーディオンを作成できます。

■変換元ソース

<div class="block">
 <h4>アコーディオン見出し</h4>
 <div class="content">
 アコーディオンの内容です。
 </div>
</div>

■設定例
①アコーディオン全体のセレクタを設定
origin viewでアコーディオンとなる要素をクリックし、取得ボタンをクリックします。
テキストボックスに選択した要素のセレクタが自動的に入力されます。

②ヘッダとなる要素のパスを設定
origin viewでアコーディオンのヘッダ部分をクリックし、取得ボタンをクリックします。
テキストボックスに選択した要素のパスが自動的に入力されます。

③アコーディオンの中身となる要素のパスを設定
origin viewでアコ―ディオンの中身となる要素をクリックし、取得ボタンをクリックします。
テキストボックスに選択した要素のパスが自動的に入力されます。

④確定ボタンをクリック