Я пробовал несколько месяцев, чтобы найти соединение с моим меню, но, к сожалению, мне не повезло. Я не знаю, что еще я могу попробовать, поэтому я хочу спросить вас, ребята, если вы можете помочь. Я искал вокруг здесь Stack для идеи, это как-то описать функцию, которую я хочу, но я бы хотел использовать способ атрибута data вместо href, и я хочу использовать функцию on click вместо зависания, так как это для настольный и мобильный. Я также хочу закрыть подменю с меню a на настольной версии, переключится ли опция? ссылка: jquery dropdown with separate containerменю с отдельными разделами div
HTML
<div class="menu">
<ul>
<li><a href="javascript:void(0);" data-section="one">item1</a></li>
<li><a href="javascript:void(0);" data-section="two">item2</a></li>
<li><a href="javascript:void(0);" data-section="three">item3</a></li>
</ul>
</div>
<div class="submenu">
<ul>
<li class="one">content1</li>
<li class="two">content2</li>
<li class="three">content3</li>
</ul>
</div>
содержимое из подменю уль Li устанавливается на высоте: 0, что я хочу, чтобы установить в автоматический режим при запуске, или, возможно, добавить класс в подменю уль Li:
.submenu ul li{
display:block;
overflow:hidden;
height:0;
.submenu ul li.active{
height:auto;
}
Вы хотите, чтобы подменю было открыто, когда кто-то щелкает родительский элемент в главном меню? –
Вы хотите скрыть подменю от показа или хотите анимировать закрывающее событие? В вашем вопросе используется несколько разных терминов: close, toggle, и я не совсем уверен, какое поведение вы ищете. – Fred
Не было бы проще, если бы вы вложили элементы подменю в заголовки меню? Похоже, это тоже семантика. –