【HTML・CSS・jQuery】マウスオーバーしてもフローコンテンツ（ブロックレベル要素）が消えずに、クリックできる状態にしたい。

Question

◆今、実現したいことは、下記サイトのナビゲーションのように
「Agency」と「Sales」にマウスオーバーしても
「Agency」と「Sales」が消えずに、クリックできる状態にすることです。

https://gar-den.jp/
＝＝＝＝＝＝＝
◆問題の背景と詳細
下記のサイトでフロントエンドの学習をしていて、問題に直面しました。

サイトのグローバルナビゲーションに
「Search・物件探し」
という項目があります。

◆実現したい挙動までの手順
１，「Search・物件探し」にマウスオーバーすると、
直下に「Agency」と「Sales」が表示されます。

２，「Agency」と「Sales」にマウスを動かしても
「Agency」と「Sales」は消えずにクリックできる

◆質問
上記の挙動を実現するためには、どうHTMLやCSS、jqueryを実装したらよいでしょうか？？

最低限cssとjQueryの何がキーワードなのかわかれば、
Google先生と相談しながら解決に導けますので、
アドバイスお願いできればと思います。

よろしくおねがいします。

※補足
URLは参考にしているサイトであり、自分が作成したわけではありません。
今はローカルで別ファイルに実現しようとしています。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

検索するなら「jquery プルダウンメニュー」でいろいろ見つかると思います。

Comments

[masa_engineer]

回答ありがとうございました！
下記サイトのサンプルをちょろっといじれば、自分のやりたいことが実現できそうです！

元サイト
https://www.webdlab.com/labs/dropdownmenu-2/

サンプル１
https://www.webdlab.com/labs/dropdownmenu-2/sample2/

サンプル２
https://www.webdlab.com/labs/dropdownmenu-2/sample/

Answer 2

実現したい挙動までの手順

の通りになっているとおもいます