If you specify OnHide animation markup for the HoverMenuExtender, it's unhover method will, based on PopupBehaviour, defer hiding itself to the animation you create, which is expected, but it will not actually result in 'display:none', so once a HoverMenuExtender has been displayed on an element with an OnHide animation present, it will remain active on the page when it should be inactive.
<ajaxToolkit:HoverMenuExtender
ID="hme"
runat="server"
TargetControlID="pnlParent"
PopupControlID="pnlPopup"
OffsetX="4"
OffsetY="5"
PopupPosition="Center"
PopupShowDelay="500">
<Animations>
<OnShow>
<Sequence>
<HideAction Visible="true" />
<FadeIn Duration=".25" Fps="20" />
</Sequence>
</OnShow>
<OnHide>
<Sequence>
<FadeOut Duration=".25" Fps="20" />
<HideAction Visible="false" />
</Sequence>
</OnHide>
</Animations>
</ajaxToolkit:HoverMenuExtender>
While the HideAction should end with the display:none result and an inactive HoverMenu, it only changes the opacity to 0, making it appear hidden but not actually inactive. So, it can be viewed again later, breaking page design.
Comments: Workaround found, see comments.
<ajaxToolkit:HoverMenuExtender
ID="hme"
runat="server"
TargetControlID="pnlParent"
PopupControlID="pnlPopup"
OffsetX="4"
OffsetY="5"
PopupPosition="Center"
PopupShowDelay="500">
<Animations>
<OnShow>
<Sequence>
<HideAction Visible="true" />
<FadeIn Duration=".25" Fps="20" />
</Sequence>
</OnShow>
<OnHide>
<Sequence>
<FadeOut Duration=".25" Fps="20" />
<HideAction Visible="false" />
</Sequence>
</OnHide>
</Animations>
</ajaxToolkit:HoverMenuExtender>
While the HideAction should end with the display:none result and an inactive HoverMenu, it only changes the opacity to 0, making it appear hidden but not actually inactive. So, it can be viewed again later, breaking page design.
Comments: Workaround found, see comments.