0

我有一个垂直菜单结构，我无法更改为喜欢嵌套元素的结构。但我必须解决最小的问题才能完成我的垂直菜单。

第一：（重要）：：：我试图在每个 li 元素之后显示一个切换图标（img plus.gif）谁是 div 标记下一个元素。如果 li 元素没有 DIV 标签作为下一个元素，则不应显示任何图标。

此时我编写了一个 jQuery 代码，在每个 li 元素上添加了一个切换图标。（里后）但那是错误的。我的 jquery 代码有什么问题？

第二：如果这个容器已经打开，如何将切换图标（plus.gif）替换为（minus.gif）？

第三：如何通过切换另一个父 div 容器来自动折叠 previos 打开的 div 容器？

这是一个工作示例：http: //jsfiddle.net/croman91/B5Qf8/3/

这是我的jQuery代码：

感谢您的最小帮助。:-D

 $(document).ready(function(){ 
$('.firstLevel div').hide();

    $('li.menuItem').each(function() {
if ($( this ).next('div').length > 0) {
$( "li.menuItem" ).after( "<img class='sub2Opener' src='http://s14.directupload.net/images/131108/fbrluvti.gif' />" );
}
});

    $('li.menuSub2Item').each(function() {
if ($( this ).next('div').length > 0) {
$( "li.menuSub2Item" ).after( "<img class='sub2Opener' src='http://s14.directupload.net/images/131108/fbrluvti.gif' />" );
}
});

    $(".sub1Opener").click(function() {
$(this).next('div').slideToggle();
});

    $(".sub2Opener").click(function() {
$(this).next('div').slideToggle();
});

});
4

0 回答 0