# Group Focusのtoggle制御について **URL:** \ **Category:** bubble\ **Created:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1380 "2021-04-08T12:41:22Z")\ **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:41 UTC](https://www.nocode-faq.com/t/topic/1380/1 "2021-04-08T12:41:22Z")
[![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/728925eee80401fa99c0b2554a38e8a8862a9000.jpeg "Custom Dropdowns | Bubble.io Tutorial") ](https://www.youtube.com/watch?v=6UglOTY2b00) ↑こちらの動画のようにドロップダウンメニューを手作りしていますが、実際は、動画のようにはならず、テキストフィールド部分（実際はGroupで作成）をクリックするとドロップダウンメニューが開いて、開いたメニューを閉じようと、テキストフィールド部分をクリックするとメニューが開いたままになります。 おそらく、テキストフィールド部分はGroup Focusの外になるために、クリックした瞬間にGroup Focusが消え、消えた状態にtoggleが反応し、表示される、という事が高速で行われ、ずっと表示されているように見えているのだと思います。 この状況は、Forumにもbugとして下記のように報告されている事象のようですが、一方で、上記のyoutubeでは、きれいにtoggleになります。 > **[Menu Toggle Bug](https://forum.bubble.io/t/menu-toggle-bug/49994)** > > When I click on Button (Icon) to toggle (show) a focus group, the toggle does not hide the group if I clicked again. The toggle only works if I move the mouse away from the button after the first click and then click again. Now it makes sense to... どうやれば、youtubeのようにきれいにtoggleできるのか、教えて頂けないでしょうか？ ---
**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:41 UTC](https://www.nocode-faq.com/t/topic/1380/2 "2021-04-08T12:41:23Z")
回答者 こんばんは！YouTube も見ましたが、toggle だけであんな動きはしないですね。私の見解も quonji さんと同様です。 それでどうするか？なのですが、弊社の Bubble Camp でお伝えしている方法は次の２つです。 (1) Group Focus を表示している時に x ボタンの Clickable を外してしまう (2) Group Focus を表示している時にだけアイコンを入れ替えて x ボタンを表示してしまう。x ボタンを押されたら Group Focus を非表示にする。 （toggle ではなく hide で消している） こんな感じで作るとスムーズに動作すると思います。サンプルをおいておくので、こちらもご参考まで。 プレビュー > **[Check out my Bubble app](https://groupfocus00.bubbleapps.io/version-test?debug_mode=true)** > > Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required. エディター > **[Bubble Editor - Groupfocus00](https://bubble.io/page?name=index&id=groupfocus00&tab=tabs-1)** > > Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required. 質問者 ありがとうございます！ toggle だけであんな動きはしないですね。 ↑私がおかしいのかと思ったのですが、そう言って頂けてよかったです。 回避方法についても承知しました。ありがとうございます！ ## 参考URL > **[Check out my Bubble app](https://groupfocus00.bubbleapps.io/version-test?debug_mode=true)** > > Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required. > **[Bubble Editor - Groupfocus00](https://bubble.io/page?name=index&id=groupfocus00&tab=tabs-1)** > > Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.