次のHTMLからJqueryアコーディオンを作成しています
<div class="title"><a href="javascript:void(0)">Title goes here</a></div>
<div class="body">Body goes here</div>
アコーディオンは機能し、私が気に入っている周りに境界線があります。ただし、要素が展開されると、ヘッダーの下の境界線を削除したいと思います。これは可能ですか？必要なものの例については、試してください
<div class="title" style="border-bottom:0px;"><a href="javascript:void(0)">Title goes here</a></div>
<div class="body">Body goes here</div>
上記のスタイルが必要ですが、アコーディオンのアクティブな要素に対してのみです。スタイルを設定してみました
.ui-accordion-header-active
しかし、それは機能しません。何か案は？
編集：これは、テストするための Js フィドルです。タイトルと本文の境界線をなくしたい。