こんにちは！高橋です！
今回はノーコードツール「STUDIO」でアコーディオン機能が実装できるというブログ記事を拝見しましたので、実際に出来るのか試してみました。
ちなみに、STUDIOではアコーディオン機能の実装は、今現在は未対応となっています。
ブログ記事は、株式会社gazさんが掲載している、
「web制作あるあるな機能をSTUDIOで実装してみたシリーズ」アコーディオン機能
というものです。
内容を簡単に説明すると、
①STUDIOにてアコーディオンの土台を作成
②実際に動かす為に、Google Tag Managerとの連携する
③アコーディオン用のコード(JavaScript)をカスタムHTMLへ記述
といった感じです。
ここで、Google Tag Managerとの連携するために、STUDIOのBASICプラン以上の有料アカウントが必要になります。月払いで\1,280払いました・・・。（授業料という事で(´；ω；`)ｳｩｩ）
では、実際に作業してみました。
ブログ記事を拝見する感じでは、作業量はそんなに多くありません。
とりあえず書いてある通りにやってみました。
・・
・・・
・・・・
動きません。
う～ん、何度見直してやり直しても上手くいきませんでした。
STUDIOの公式SlackやTwitterで情報収集しましたが、同じように上手くいかない方が多くいるようです。
このまま諦めようかと思いましたが、折角お金払ったので実装したいと思い、色々調べました。
発見しました！
STUDIOで公開して上手く動かないようであれば、キャッシュクリアが有効なようで、これをおこなってから動くようになりました。
はい！こんな感じでクリックする事で回答の文章が開くようになります。
JavaScriptのコードを書いて、HTMLとして貼り付けられるので、他にも色々と応用ができそうです。
これから色々試してみたいと思います。
でわまた！！
