在悬停LinkBut​​ton时无法访问内容

Question

我试图在悬停LinkBut​​ton时制作Panel SlideDown / SlideUp，Panel正好在LinkBut​​ton下面。问题是当我悬停HButton3时它继续上下滑动，当我尝试到达AccomodationPanel内的内容时，面板滑动所以我的问题是如何使AccomodationPanel中的内容可以访问，以便面板不关闭

Jquery：

 $(document).ready(function () {
                    $("#StayOpen").hover(

                    function () {
                        $("#AccomodationPanel").slideDown(1000);
                    }, function () {
                        $("#AccomodationPanel").slideUp(1000);
                    });   
                });

HTML：

 <asp:Panel runat="server" ID="StayOpen" style ="z-index:10;height:auto">
               <asp:LinkButton runat="server" ID="Hbutton3" CssClass="HButton" >

               </asp:LinkButton>

               <asp:Panel runat="server" ID="AccomodationPanel" style ="position:absolute;left:60vw;width:20vw;top:10vh;background-color:#FFD6AD;z-index:11;display:none;height:auto"  >
                   <asp:LinkButton runat="server" ID="StayOpen1" CssClass="StayOpen">ASD</asp:LinkButton>
                   <br />
                     <asp:LinkButton runat="server" ID="StayOpen2" CssClass="StayOpen">ZZZ</asp:LinkButton>
                    <br />
                    <asp:LinkButton runat="server" ID="StayOpen3" CssClass="StayOpen">GGG</asp:LinkButton>
               </asp:Panel>
                   </asp:Panel>

           </asp:Panel>