Question

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

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

此刻我写了一个jQuery代码，在每个li元素上添加一个切换图标。（李先生）但这是错误的。我的jquery代码有什么问题？

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

THIRD：如何通过切换另一个父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();
});

});

仅向作为div next元素的li元素添加单击图标

0 个答案: