2012-08-22 182 views
2

我將代碼發佈到jsfiddle:http://jsfiddle.net/kLNXa/,基本上我希望整個菜單是一個塊,即如果您展開級別1,我不希望那裏有一個15px的差距左側等級2的等級2仍然保持縮進。 (空白填充爲紅色和兩個黑色邊框: 什麼是目前是:jquery菜單手風琴樣式問題

什麼,我希望它看起來像:

在我的網站但是,而不是顏色有動態背景圖像,即:

所以我不會知道,如果分級縮進每次會工作......

,並與背景圖像的實際菜單: http://couch.betelnutmedia.com

回答

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

+0

我試圖避免這樣做,因爲我將不得不用一種我不太習慣的語言重做代碼的整個動態部分。http://i.imgur.com/iY39F.jpg – user1448093

+0

你的意思是jQuary? – Champ

+0

yeh javascript/jquery – user1448093