我用香草JS和HTML & CSS制作了一个小的多级导航条。我似乎不能让点击一工作。因此,任务是,让导航栏有悬停如果它是桌面版本,并有点击如果它是移动版本。下面是我的JS,CSS和HTML代码。我编写了一个JS代码,这样当我单击时它就会打开,但是不能打开它的子元素,这是另一个ul,我尝试了所有的东西,似乎无法绕过它。我为桌面版本做了一个悬停效果,但我只是不知道如何做JS版本。
let menu = document.querySelector(".menu ul");
menu = menu.children;
for (let i = 0; i < men
我有一个li列表,如果我点击li,它就会展开,但如果我点击链接'a‘,它就会展开,而不是li。
如何让下面的jquery在a而不是li上工作?
下面是我到目前为止的代码:
$("#leftcontent ul li:not(:has(li.current))").find("ul").hide().end() // Hide all other ULs
.click(function(e) {
if (this == e.target) { // if the handler element is where the event
试着做手风琴风格的展示。
更好地引用我想要的显示类型:
你会注意到在莉莉的右边有一个箭头,点击它应该显示下面的项目。
我面临的挑战是正确遍历DOM以找到单击按钮时显示/隐藏的下一个ul。我是怎么做到的?
我确信,您可以知道,我想要做的是显示嵌套样式,但在一个框中创建手风琴效果。
工作小提琴
$('.menu-toggle').click(function(e) {
e.preventDefault(); // prevent <a> to redirect to the top of the page
$(this).nextall('ul
我有下面的脚本,当点击链接时显示一个div .
$(document).ready(function() {
$('.accordion ul li h1').click(function() { $(this).parent().parent().find('.ac:visible').slideToggle().parent().removeClass('active'); if ($(this).next().is(':hidden')) $(this).next().slideToggle().pa