Javascript 如何用jQuery制作动态手风琴菜单

假设我有以下菜单结构。我有三个问题

$（'.parent ul'）.hide（）；
var当前_父级；
$（文档）.delegate（'.parent'，click'，（function（）{
var$this=$（this）；
如果（当前父项！==未定义）{
当前_parent.find（'ul'）.slideUp（）；
}
当前父项=$this；
//检查滤芯是否可见
如果（！$this.find（'ul'）。是（':visible'））{
$this.find（'ul'）.slideDown（）；
}否则{
$this.find（'ul'）.slideUp（）；
}
}));


菜单项1

子菜单项1
子菜单项2

子菜单项1




菜单项2

子菜单项3


您可以使用jquery创建一个下拉菜单

我已经给出了单独的HTML、CSS和JQuery代码，使用它并尝试理解它

外部有一个
，内部有一个
，现在每个
都是主菜单项，每个
都是子菜单项。此外，您还可以通过在
`中创建
，在子菜单中创建子菜单


$（文档）.ready（函数（）{
$（“li”）。单击（函数（）{
var x=$（this.children（“a:first”）.attr（“href”）；
如果（x！=未定义）
window.location.href=x；
});
$（“#导航li”）。悬停（函数（）{
$（this.find（“ul:first”）.css({
可见性：“可见”，
显示：“无”，
}).向下滑动（400）；
}，函数（）{
$（this.find（“ul:first”）.css（{visibility:“hidden”}）；
});
});
正文{
字体系列：Calibri，Verdana；
字体大小：16px；
颜色：白色；
}
a{
颜色：继承；
文字装饰：无；
}
#航行{
高度：40px；
}
#导航{
列表样式：无；
边际：0px；
填充：0px；
}
#导航ul{
列表样式：无；
利润率：10px 0px 0px-5px；
填充：0px；
显示：无；
}
#李海军{
浮动：左；
宽度：150px；
高度：30px；
填充：10px 0px 0px 5px；
边框：0px实心透明；
右边框宽度：1px；
右边框颜色：灰色；
背景色：#6397CB；
}
#李宇利{
宽度：145px；
高度：22px；
填充：10px 0px 8px 10px；
边框：0px实心透明；
边框顶部宽度：1px；
边框顶部颜色：灰色；
}
#纳夫里乌尔里乌尔{
位置：相对位置；
顶部：-40px；
左边距：145px；
颜色：白色；
}
#李宇莉{
边框：0px实心透明；
左边框宽度：1px；
左边框颜色：灰色；
边框顶部宽度：1px；
边框顶部颜色：灰色；
}
#李导航：悬停{
背景颜色：浅灰色；
光标：指针；
}
#导航李：悬停{
颜色：黑色；
}



关于你

你怎么样？









您可以使用jquery创建一个下拉菜单

我已经给出了单独的HTML、CSS和JQuery代码，使用它并尝试理解它

外部有一个
，内部有一个
，现在每个
都是主菜单项，每个
都是子菜单项。此外，您还可以通过在
`中创建
，在子菜单中创建子菜单


$（文档）.ready（函数（）{
$（“li”）。单击（函数（）{
var x=$（this.children（“a:first”）.attr（“href”）；
如果（x！=未定义）
window.location.href=x；
});
$（“#导航li”）。悬停（函数（）{
$（this.find（“ul:first”）.css({
可见性：“可见”，
显示：“无”，
}).向下滑动（400）；
}，函数（）{
$（this.find（“ul:first”）.css（{visibility:“hidden”}）；
});
});
正文{
字体系列：Calibri，Verdana；
字体大小：16px；
颜色：白色；
}
a{
颜色：继承；
文字装饰：无；
}
#航行{
高度：40px；
}
#导航{
列表样式：无；
边际：0px；
填充：0px；
}
#导航ul{
列表样式：无；
利润率：10px 0px 0px-5px；
填充：0px；
显示：无；
}
#李海军{
浮动：左；
宽度：150px；
高度：30px；
填充：10px 0px 0px 5px；
边框：0px实心透明；
右边框宽度：1px；
右边框颜色：灰色；
背景色：#6397CB；
}
#李宇利{
宽度：145px；
高度：22px；
填充：10px 0px 8px 10px；
边框：0px实心透明；
边框顶部宽度：1px；
边框顶部颜色：灰色；
}
#纳夫里乌尔里乌尔{
位置：相对位置；
顶部：-40px；
左边距：145px；
颜色：白色；
}
#李宇莉{
边框：0px实心透明；
左边框宽度：1px；
左边框颜色：灰色；
边框顶部宽度：1px；
边框顶部颜色：灰色；
}
#李导航：悬停{
背景颜色：浅灰色；
光标：指针；
}
#导航李：悬停{
颜色：黑色；
}



关于你

你怎么样？









@BobBrown当然在我问这里之前先用谷歌搜索了一下你能给
一个身份证吗？@the_Monster是的当然你能：P@BobBrown当然，在我问这个问题之前，谷歌先搜索了一下。你能给
一个身份证吗？@the_Monster是的，当然你能：p这与op的要求无关，你给了他一个很好的选择，但它不能解决他正在处理的问题这与op的要求无关，你给了他一个很好的选择，但它不能解决他正在处理的问题