クラシックエディタでアコーディオンのコード？を知りたい < SWELLに関する質問

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] クラシックエディタでアコーディオンのコード？を知りたい

SWELLに関する質問

最新の投稿 : takuma.m 5年前

3 投稿

2 ユーザー

1 Likes

1,351 表示

RSS

takuma.m

(@takuma-m)

Active Member

Topic starter

現状、複数名でサイト運営していることで、ブロックエディタを使えずにクラシックエディタを使っているので、その場合でアコーディオンを使うときのコード？を教えていただきたいです。よろしくお願いいたします。

投稿済 : 20/04/2020 8:01 am

了(開発者)

(@ryo)

Illustrious Member Admin

アコーディオンはブロックでの利用しか想定していないので、HTML直書きにはなってしまいますが、以下のようなコードを書いていただくと多分動くと思います。

<div class="swell-block-accordion">
    <div class="swell-block-accordion__item" aria-expanded="false">
        <div class="swell-block-accordion__title" data-onclick="toggleAccordion">
            <span class="swell-block-accordion__label">タイトル</span>
            <span class="swell-block-accordion__icon c-switchIconBtn" aria-hidden="true" data-opened="false">
                <i class="__icon--closed icon-arrow_drop_down"></i>
                <i class="__icon--opened icon-arrow_drop_up"></i>
            </span>
        </div>
        <div class="swell-block-accordion__body" aria-hidden="true">
            <p>コンテンツ</p>
        </div>
    </div>
</div>

投稿済 : 20/04/2020 8:22 am

takuma.m

(@takuma-m)

Active Member

Topic starter

ありがとうございますm(_ _)m

投稿済 : 21/04/2020 1:55 am

了(開発者) reacted

共有: