Jquery 如何创建一个带有图标的3级垂直坐标菜单，在打开和关闭1级和2级的同时保持实际链接的可点击性？

我在这里发现了这把小提琴：从以前的帖子

我需要的是有一个像手风琴一样的上下箭头图标，人们可以点击打开和关闭菜单级别，但也有实际的链接到他们的目的地，而不是打开手风琴

有人知道如何做到这一点吗

谢谢

HTML:

JS:

---

javascript和HTML中的细微变化：

HTML--要为向下箭头添加范围或链接：

level 2 <span class="open">v</span>

---

新提琴：

好的，是的，这似乎很好，感谢这里有链接的新提琴：但是我如何使它在跨度上使用背景图像，它有一个向右和向下的箭头，并改变背景位置，以便在激活时向下箭头，在不激活时向右箭头？谢谢——在CSS中，取消对前两个定义的注释，并添加所需的图像。默认值应为右箭头，

.opened

值应为向下箭头。

ul{
    margin:3px;
    border:1px solid red;  
}
ul ul{
    display:none;   
}
ul li:hover>ul{
    /*display:block;   */
}

$('li').click(function(ev) {
    $(this).find('>ul').slideToggle();
    ev.stopPropagation();
});

level 2 <span class="open">v</span>

$('li span.open').click(function(ev) {
    $(this).next('ul').slideToggle();
    ev.stopPropagation();
});​