2010-11-22 9 views
0

Here私は正しくアコーデオンのスクリプトを持っています。テキストをクリックするとアクティブなときに青色の灰色の&が表示されます。さらに、(ときにアクティブ下向き&矢印を左に向かう矢印)、黒バーとアクティブ&非アクティブのための2つの画像があります。2アコーディオン:navアイテム(リンク)のスタイルを変更する方法は?

Hereあなたは同じナビゲーションアイテムのスタイルを参照してくださいが、私はそれだけで青色のテキストがない黒いバーなしアクティブ/非アクティブの矢印にする必要があります。

にはどうすればthisアコーディオンのための第二のスタイリングを作成するのですか?

答えて

2

あなたがする必要があるすべてであるこのトグラーに別のクラスを適用します(例:.toggler-2代わり.togglerの)、その後、あなたのCSSでは、スタイルを.toggler-2で正確にどのように見たいかを指定します。

+0

実際に彼は、彼はデザインの細部を変更したいと言います。だから、より少ないCSSを生成するので、代わりのクラス.toggler + .secondaryは良いでしょう。 – Damien

1

は、HTMLコードにクラスを追加し、そのセクションの追加のCSSを記述します。 CSSで

追加クラス:

#dhtmlgoodies_listMenu.secondary a 
{ 
    styling: goes here; 
} 

変更HTML:

<ul id="dhtmlgoodies_listMenu" class="secondary"> 
+0

はあなたが本当に提案に感謝感謝:)しかし、私は左側にアコーディオン(s)は話していました。それはCSSの.togglerです。 – chaser7016

+0

大丈夫です。上のコードのクラスを置き換えてください。基本的には同じですが、私たちが実際に求めていることは、セカンダリ要素に代替CSSを使用する方法です。 – Damien

関連する問題