2

コードを jsfiddle: http://jsfiddle.net/kLNXa/に投稿しました。基本的には、メニュー全体をブロックにしたいです。つまり、レベル 1 を展開する場合、左側に 15 ピクセルの隙間がないようにしたいと考えています。レベル 2 のレベル 2 はまだインデントされたままです。(赤で塗りつぶされた空白と 2 つの黒の境界線: 現在の状態:

私はそれがどのように見えるか:

ただし、私のウェブサイトでは、色の代わりに動的な背景画像があります。

そのため、毎回インデントを分類することがうまくいくかどうかはわかりません...

背景画像付きの実際のメニュー: http://couch.betelnutmedia.com

4

1 に答える 1

1

このフィドルを試してください

このコードを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 を使用する必要があります

于 2012-08-22T09:59:58.083 に答える