# メニューボタンクリック時の表示／非表示切り替え **URL:** \ **Category:** Webflow\ **Tags:** ツールの操作方法\ **Created:** [2021 年 4 月 8 日午後 12:38 UTC](https://www.nocode-faq.com/t/topic/1314 "2021-04-08T12:38:00Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\ **Post date:** [2021 年 4 月 8 日午後 12:38 UTC](https://www.nocode-faq.com/t/topic/1314/1 "2021-04-08T12:38:00Z")
メニューボタンの表示／非表示を行うという、非常にシンプルな挙動なのですが、どう実装しているのか全くわからず困っています。 showcaseの「FREEBIE: Slick Template（ [Webflow](https://webflow.com/website/FREEBIE:-Slick-Template) ） 」を参考に勉強しているのですが、ハンバーガーメニューがどうして動いているのか、webflowの中味を見てもわかりません。いろいろな箇所を見ているのですが、ハンバーガーメニューをクリックした際の挙動がどこにも見つからないのです。 メニューの挙動を学ぶために、不要なコンテンツを削除し、シンプルにメニューだけして動かしています。 添付画像のような形で、ハンバーガーメニューをクリックすると、×ボタンに切り替わり、メニューが表示される。という本当にシンプルな動きなのですが、全くわかりません。 Element triggerにも記述がないですし、他の項目にも記述がないように思います。 webflowに詳しい方に教えていただきたいです。 よろしくお願い致します。 ---
**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\ **Post date:** [2021 年 4 月 8 日午後 12:38 UTC](https://www.nocode-faq.com/t/topic/1314/2 "2021-04-08T12:38:00Z")
回答者 こんにちは、初めての質問ありがとうございます。 Webflow そこまで詳しくないので、、Interactionで表示しているように見えるのですが、Trigerがどこにも無いのですね。。 同じように挙動させるのであれば、 ①Nav menu自体が非表示にする ②Interaction のElement trigerを設定し、そこでアニメーションで表示する > **[Gyazo](https://gyazo.com/3ac9bcadbd71a7717c4f498b0e87b7e1)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 ということで同じページ動作は可能です。 ここのNoCodeSchoolの説明がわかりやすいはずです。 CMS機能、インタラクション効果などについて - Webflowの使い方#3 [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/ef11f574aced73d4a9decb7305a11a75fde860e4.jpeg "CMS機能、インタラクション効果などについて - Webflowの使い方#3") ](https://www.youtube.com/watch?v=4gVLYafRV2I&t=0s) 【公式】 Webflow show animation [https://university.webflow.com/lesson/show-and-hide-elements-on-click](https://university.webflow.com/lesson/show-and-hide-elements-on-click) もっと詳しい人いたら、教えて下さい💦 質問者 ご連絡ありがとうございます！ > **[Gyazo](https://gyazo.com/3ac9bcadbd71a7717c4f498b0e87b7e1)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 こちらの画像を見ると、インタラクションが設定されていますが、私のブラウザでは何も設定されていないのです。 @Tsubasa Miyazakiさんが設定されたわけではなく、このテンプレートで最初から設定されておりましたでしょうか？ 参考動画も確認してみます！ 回答者 あっ、申し訳ない。この画像間違いです。 インタラクションでも同じことできるよなー と思って、設定して確認してた画面です。私が、作成したトリガーです。 Nav mene で表示/非表示な設定はできたので、同じような挙動はできるのかなと思いました。 とはいえ、このテンプレートの作者の人が、どこでやっているのか？ 謎です。。。 ご存じでしたら、もうしわけないですが、Webflowで Navbar というデフォルトの機能もあるので、そっちでやる方が早い気もします。 Navbar Add, customize, and reuse a Navbar. [https://university.webflow.com/lesson/navbar](https://university.webflow.com/lesson/navbar) 質問者 なるほどです。理解しました。ありがとうございます！ この作者に捉われずに作ってみます！ ## 参考画像 ![1.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/ce812f6f2d9728ec0397b955839fb58ba6e0eb4a.png) ![2.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b3ccce41cb03c0975636d9acfd7ee14867727d48.png) ## 参考URL [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/ef11f574aced73d4a9decb7305a11a75fde860e4.jpeg "CMS機能、インタラクション効果などについて - Webflowの使い方#3") ](https://www.youtube.com/watch?v=4gVLYafRV2I&t=0s) [https://university.webflow.com/lesson/show-and-hide-elements-on-click](https://university.webflow.com/lesson/show-and-hide-elements-on-click) > **[Gyazo](https://gyazo.com/3ac9bcadbd71a7717c4f498b0e87b7e1)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。