Я просто создал выпадающее меню с jQuery и немного
специальная структура html.
Так выглядит моя структура.
И это созданный jsFiddle: https://jsfiddle.net/rxLg0bo4/10/
Но я хочу, чтобы он работал как соответствующее раскрывающееся меню. Таким образом, это означает, что при наведении курсора на меню он должен показывать submenu_link. F.E. если вы наводите курсор на menu_link q, то подменю_link 1-5 следует вывести.
Это jQuery:
$(document).ready(function () {
$('.menu_link').ready(function () {
$("[id$=pnlSubmenu]").hide();
});
$('.menu_link').hover(function () {
$("[id$=pnlSubmenu]").slideDown(200);
});
$('[id$=pnlSubmenu]').mouseenter( function () {
$(this).show();
});
$('[id$=pnlSubmenu]').mouseleave(function () {
$(this).hide();
});
$('.menu_link').mouseleave(function () {
$("[id$=pnlSubmenu]").hide();
});
});
И это мой код ASP.NET:
<nav id="menu">
<asp:Panel ID="pnlMenu" runat="server"></asp:Panel>
<asp:Panel ID="pnlSubmenu" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</asp:Panel>
</nav>
Могу ли я сделать это с nth-child во всяком случае? Я также хотел бы иметь ссылки в стиле списка, как я могу это сделать?