web-dev-qa-db-ja.com

Jqueryアコーディオンウィジェット-アイコンとパディングを削除します

私はjqueryを初めて使用し、矢印アイコンやアコーディオンコンテンツ内にパディングをまったく使用せずに単純なアコーディオンを作成できるかどうかを調べようとしています。

コンテンツスペース全体を使用したいのですが、jqueryアコーディオンウィジェットが矢印アイコンの幅としてパディングを自動作成しているようです。

ありがとう!リオール

22
liorix

独自のCSSを追加してアイコンとパディングを削除するか、デフォルトのCSSを次のようにオーバーライドするだけです。

#accordion .ui-icon { display: none; }
#accordion .ui-accordion-header a { padding-left: 0; }

accordionが関数を呼び出したIDである場合( デモ を参照)

ああ、コンテンツのパディングを削除したい場合は、次のCSSを使用してください。

#accordion .ui-accordion-content { padding: 0; }
30
Mottie

よく使うアイコンを削除するには

$( "#accordion" ).accordion({
    icons: false
});
48
Renato Gama
$("#accordion").accordion({
     icons: null
});

私のために働いた

2
Anish