AXURE: How to implement a dropdown block on hovering over a link in the prototype?

Question

Layouts and prototypes

At the moment, in the menu functionality of Axure RP Pro 7.0, you can only add a menu item, but when hovering over a link, you need to display a block with various content inside the block, naturally with the transfer of the hover focus to this block.
Right now I'm using the following click events as a poor alternative to display a makeshift module window. To make a block with various elements inside it appear and disappear, to create an extended functionality of a horizontal menu item.

OnClick
   Case 1
      Toogle MyMenuItem
      Set MyMenuItem to State2
где MyMenuItem - динамическая панель, State1 - пустое состояние, а в State2 содержимое выпадающего блока

Answer 1

Hey!
If I understood correctly, then for such behavior of the menu, you need to add a check for the visibility of each corresponding dynamic panel.
Those. for each menu item on the OnMouseEnter event, we create a Visibility of widget check for the dynamic panel as, for example, false and hang the Show MyMenuItem event, which is hidden by default. Then the second case for the same OnMouseEnter provided ElseIfTrue will be Hide MyMenuItem.
And a couple of nuances:
- why do you need an empty state? Edge states, such as empty and overloaded, are best drawn at the end when the main architecture is ready and all (=most) requirements have settled down. And sometimes you can leave it to the graphic designer);
- it is better to immediately indicate the normal names of all states, variables and states, in the future it will not be confusing for a long time.
If I have described something crookedly, point it out, I will reformulate)

Answer 2

I do this:
1) I create a button that brings up a menu (on click or hover)
2) The button shows (show) a dynamic panel (menu), treat as flyout - so that everything hides itself when the cursor leaves the menu area.
3) When you hover (on mouse enter) on an item from the menu, another dynamic panel (submenu) is shown, also show and treat as flyout. You also need to expand the menu's set panel size to include the submenu area - otherwise, when the cursor flies over the submenu, the main menu will hide.
4) On mouse enter is configured on the submenu, which hides the submenu and resizes the menu to its original size - thus, if you move the cursor back to the menu, the submenu will be hidden.