「STUIDOでアコーディオン機能を試してみた！」

こんにちは！高橋です！

今回はノーコードツール「STUDIO」でアコーディオン機能が実装できるというブログ記事を拝見しましたので、実際に出来るのか試してみました。

ちなみに、STUDIOではアコーディオン機能の実装は、今現在は未対応となっています。

ブログ記事は、株式会社gazさんが掲載している、

「web制作あるあるな機能をSTUDIOで実装してみたシリーズ」アコーディオン機能

というものです。

内容を簡単に説明すると、

①STUDIOにてアコーディオンの土台を作成

②実際に動かす為に、Google Tag Managerとの連携する

③アコーディオン用のコード(JavaScript)をカスタムHTMLへ記述

といった感じです。

ここで、Google Tag Managerとの連携するために、STUDIOのBASICプラン以上の有料アカウントが必要になります。月払いで\1,280払いました・・・。（授業料という事で(´；ω；`)ｳｩｩ）

では、実際に作業してみました。

ブログ記事を拝見する感じでは、作業量はそんなに多くありません。

とりあえず書いてある通りにやってみました。

・・

・・・

・・・・

動きません。

う～ん、何度見直してやり直しても上手くいきませんでした。

STUDIOの公式SlackやTwitterで情報収集しましたが、同じように上手くいかない方が多くいるようです。

このまま諦めようかと思いましたが、折角お金払ったので実装したいと思い、色々調べました。

発見しました！

STUDIOで公開して上手く動かないようであれば、キャッシュクリアが有効なようで、これをおこなってから動くようになりました。

---

---

---

はい！こんな感じでクリックする事で回答の文章が開くようになります。

JavaScriptのコードを書いて、HTMLとして貼り付けられるので、他にも色々と応用ができそうです。

これから色々試してみたいと思います。

でわまた！！