Toggle not working as expected
Jul 29, 2021
I am adding in some keyboard controls to a course and would like to have it so that when the learner highlights (either by mouse or tabbing) an icon and clicks it, a small panel appears with a list of additional keyboard controls that can be used in the course.
I would like there to be an enter and exit transition. At moment, when the icon for the panel is clicked, the panel appears and disappears immediately - it is obviously running both the intro and exit animations right away. I tried removing the exit animation and that did solve the problem of the panel immediately exiting, but the toggle rule I put on the triggers does not work and once the panel is clicked onto the screen, I cannot get it to be clicked off.
Side question: I tried this originally by having the panel show and hide based on the user hovering over the icon. This worked really nicely except for two issues - 1st, if the user moved the mouse off of the icon and onto the visible panel, the panel would flash like a strobe light - it should have exited once the mouse moved off of the icon. And secondly, I could not get the panel to appear when tabbing to the icon and not using the mouse. I would prefer to use this hover option, but ultimately I need it to work.
Any help is appreciated.