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

时间:2012-10-14 05:17:54

标签: css jquery-ui jquery-ui-accordion

我正在使用以下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/

1 个答案:

答案 0 :(得分:1)

您只需添加以下css:

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

updated fiddle