jquery - JQuery UI アコーディオン ヘッダーが正しくレンダリングされない

Question

Jquery UI アコーディオン ウィジェットを使用しています。H4 をヘッダー マークアップとして使用しました。ただし、レンダリングすると、ヘッダーの下向き矢印がタイトル テキストの上にレンダリングされます。

見てみましょう：

これで私を助けてください。

私のマークアップは次のようなものです：

<div class="sections">
  <h4>Title1</h4>
  <div class="section">
    <!-- stuff -->
  </div>
  .
  .
  .
</div>

そしてそれをアクティブにするためのcoffeescript：

$( ".sections" ).accordion({ header: "h4",collapsible: true })

Answer 1

これらの行を CSS ファイルの最後に追加します。

.ui-accordion .ui-accordion-icons {
    padding-left: 35px !important;
}