Jquery 带有+;和-用于打开和关闭子菜单

Jquery 带有+;和-用于打开和关闭子菜单,jquery,Jquery,有人知道有什么好的jQuery菜单,它有+和-用于打开和关闭子菜单 我在谷歌上只找到了这个: 但它没有+和-用于打开和关闭菜单,只有一个子菜单 范例 + link + link 2 + link 3 如果我点击link2 + link - link 2 + foo + foo2 + link 3 jQuery UI具有手风琴式菜单: 您可以使用“图标”选项更改打开/关闭图像 例如: var icons = { header: "ui-icon-circle-arrow-e

有人知道有什么好的jQuery菜单,它有+和-用于打开和关闭子菜单

我在谷歌上只找到了这个:

但它没有+和-用于打开和关闭菜单,只有一个子菜单

范例

+ link
+ link 2
+ link 3
如果我点击link2

+ link
- link 2
  + foo
  + foo2
+ link 3

jQuery UI具有手风琴式菜单:

您可以使用“图标”选项更改打开/关闭图像

例如:

var icons = {
    header: "ui-icon-circle-arrow-e",
    headerSelected: "ui-icon-circle-arrow-s"
};
$( "#accordion" ).accordion({
    icons: icons
});

jQuery UI具有手风琴式菜单:

您可以使用“图标”选项更改打开/关闭图像

例如:

var icons = {
    header: "ui-icon-circle-arrow-e",
    headerSelected: "ui-icon-circle-arrow-s"
};
$( "#accordion" ).accordion({
    icons: icons
});
你可以看一看,在css中,而不是在那里的箭头图像给出你的+或-图像

类似的东西再次改变悬停时的图像

希望这能有所帮助。

你可以看一看,在css中,而不是在那里的箭头图像中给出你的+或-图像

类似的东西再次改变悬停时的图像


希望这能有所帮助。

如果您想要一个更有趣的定制版本,请看一看我为一个项目制作的原型


更新

要使用当前代码绕过单击,您需要在
处理程序顶部添加一些代码。单击
处理程序

所以改变

$('li').click(function() {


如果您想要更好玩的定制版本,请看一看我为项目制作的原型


更新

要使用当前代码绕过单击,您需要在
处理程序顶部添加一些代码。单击
处理程序

所以改变

$('li').click(function() {


+是什么?图像?子菜单应该如何打开?点击悬停?+和-是什么?图像?子菜单应该如何打开?点击悬停?类似问题类似问题@Gaby完美解决方案。我也很喜欢:)但在演示中,我看到您对与坉ΥΡΡΡΑ链接处于同一级别的坉坉∏Α链接有问题,但它没有显示在主。。。当你点击不正确的链接时,它是可见的…@senzacionale,它不在同一级别。。只是源代码中的缩进错误。。你现在可以看到一个缩进正确的版本。Thx用于重播,Thx用于更新版本。单击+?,是否可以不隐藏其他菜单?。现在,当我点击第一个+然后在第二个三分之一消失。是的,这是最初的概念是试图使菜单看起来像面包屑@加比完美解决方案。我也很喜欢:)但在演示中,我看到您对与坉ΥΡΡΡΑ链接处于同一级别的坉坉∏Α链接有问题,但它没有显示在主。。。当你点击不正确的链接时,它是可见的…@senzacionale,它不在同一级别。。只是源代码中的缩进错误。。你现在可以看到一个缩进正确的版本。Thx用于重播,Thx用于更新版本。单击+?,是否可以不隐藏其他菜单?。现在,当我点击第一个+然后在第二个三分之一消失。是的,这是最初的概念是试图使菜单看起来像面包屑。