How do I create a dropdown menu with two fixed columns?

How do I create a dropdown menu with two fixed columns?

In the first column on the right, I want to place my top-level category links, and on hover, I want the second-level links to appear on a fixed-size content area.

I tried using a dropdown menu, but it’s not quite what I want.
I also tried nested accordions, but I can’t find the right interaction to make them open on mouse hover and close.

They open completely and don’t close, and when I add an interaction to close them, they close too soon, preventing access to the second-level links.

I want to create a menu like the one on this website. → https://www.domomat.com ( #header > div.header > div.mega > div.mega-content)

thank you

The solution was simple… just use a nestable tab element and choose to open on hover… :downcast_face_with_sweat: