jquery菜单手风琴样式问题答案

【问题标题】：jquery menu accordion styling issuejquery菜单手风琴样式问题
【发布时间】：2016-01-16 06:20:13
【问题描述】：

我将代码发布到 jsfiddle 中：http://jsfiddle.net/kLNXa/，基本上我希望整个菜单成为一个块，即如果您扩展 1 级，我不希望 2 级左侧有 15px 的间隙2 级仍然保持缩进。（用红色填充的空白区域和两个黑色边框：目前是什么：

我希望它看起来像什么：

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

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

以及带有背景图片的实际菜单： http://couch.betelnutmedia.com

【问题讨论】：

标签： jquery css menu

【解决方案1】：

试试这个fiddle

我刚刚将此代码添加到您的 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

【讨论】：

我试图避免这样做，因为我必须用我不太熟悉的语言重做代码的整个动态部分。i.imgur.com/iY39F.jpg
是的 :( 4 级，然后在某些情况下 3 级
如果菜单级别限制为 3 或 4，那么您可以使用上面提到的 css 解决方案。试试看使用fiddle作为参考
让我们continue this discussion in chat