jquery菜单手风琴样式问题

我将代码发布到一个jsfiddle:，基本上我希望整个菜单是一个块，即如果扩展级别1，我不希望在级别2仍然缩进的情况下，级别2左侧有15px的间隙。（用红色填充的空白和两个黑色边框： 目前的情况是：

我希望它看起来像什么：

然而，在我的网站上，没有颜色，而是动态背景图像，即：

所以我不确定每次对缩进进行分类是否有效

以及带有背景图像的实际菜单： 试试这个

我刚刚将此代码添加到您的css底部

// Added Code
    .accordion li{ padding-left:0px;} 
.accordion li a{padding-left:15px; display:block } 
.accordion li ul li a{padding-left:30px;background-position:15px 50% !important;} 
.accordion li ul li ul li a {padding-left: 45px; background-position:30px 50% !important;} 
.accordion li ul li ul li ul li a {padding-left: 60px; background-position:45px 50% !important;}

​

---

但是如果您有动态/可变级别，那么您应该选择jQuery

我试图避免这样做，因为我必须用一种我不太熟悉的语言重做代码的整个动态部分。耶：（好的，4级，然后在某些情况下3级如果菜单级别限制为3或4级，那么您可以使用上面提到的css解决方案。请尝试一下，并为我们提供参考