Hover Drop Down Menu

All, I need help with a drop down menu interaction I've been working on. I have everything on the menu working correctly except for one part. I cannot get the menu to disappear unless I move the mouse down where the hotspot is located. 

If I move the mouse left (right, or up), to another menu, the original menu remains and the other one opens as well.

I keep telling myself there's a simple solution that I cant figure out! Anyone have a suggestion for me? It might be easier to understand if you can play around with the file so I have attached it. I have included the slides to the Supplemental Retirement Section.

 

Thanks in advance!

Kaitlin

 

6 Replies
Judy Nollet

Kaitlin,

It is an easy fix. For each layer with the drop-down menu, go to the Slide Layer Properties. Then check Hide Other Slide Layers. (The attached image shows how to do this.)

Your drop-downs are on a master slide, so I'm not sure how this setting might affect slides with layers. But it works for showing only one drop down at a time.

- Judy

Kaitlin Keppler

Judy, thanks so much! That was a big help! It solves the issue of multiple slide layers/menus opening at the same time.

However, I still need to work on my hover effect. If you move the mouse off of the text box, the menu/layer does not close. I have the trigger set to show the layer when the mouse is hovered over the text box. Any idea what I'm missing here?

Thanks!

 

 

Kaitlin Keppler

Unfortunately, the hide other slide layers solution did not work. It would be a great solution if I was only using slides without layers. But this is not the case.

If I select "Hide Other Slide Layers," then when the user is on a layer and hovers over a menu, the slide hides the current layer, showing the base layer and then shows the hover menu.

So I'm back to square one. Any suggestions for how I can solve the issue of multiple menus showing at the same time?

Any help is appreciated!!

Ashley Terwilliger

Hi Kaitlin,

Since you're changing the state of the objects to "hover" there is nothing changing the state of those items back. Instead, what about using the trigger to show the layer X when the mouse is hovered over element Y and ensure you use the "restore on mouse leave"? 

As for this element "If I select "Hide Other Slide Layers," then when the user is on a layer and hovers over a menu, the slide hides the current layer, showing the base layer and then shows the hover menu." I would say that's working as expected...once a user is no longer hovering over a menu they shouldn't see that layer and be shown the next layer that they hover over. 

Kaitlin Keppler

Ashley,

If I use the trigger to show the layer when the mouse is hovered over the object, then when the drop down menu appears and you move the mouse down to select a menu item the layer disappears as the mouse is no longer hovering over the initial object, but a menu item on the layer. So the items on the drop down menu are unable to be selected- they simply appear when you hover over the menu item, then disappear when you attempt to move down and select an item.

The "hide other slide layers" action does not work for this project because if you are on a slide layer when you wish to select a menu item, the slide layer closes as it is being told to, shows the base layer, and then shows the drop down menu from the slide master. It looks odd to the user that their screen is changing when they are not telling it to. The menu from the master slide should be able to open while on a slide layer.

I know I'm missing something, I'm just not sure what it is...

Kaitlin Keppler

Ashley,

I attached a new version to help explain. I didn't realize the original file did not have any slides with layers! If you view the Supplemental Retirement Overview slide, then select one of the topics, and then try to select an item from the menu you should be able to see the issue.

Please let me know if you have any questions or need any clarification. I really appreciate the help!

 

Thanks!