Jquery UI Accordion - 隐藏活动元素的标题边框

Question

我正在从以下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小提琴来测试它。我想摆脱标题和正文之间的分界线。

http://jsfiddle.net/2LkS6/

Answer 1

您可以简单地添加以下 css：

.ui-accordion-header-active {
    border-bottom: none;
}

更新的小提琴