向jquery-ui-accordion部分添加額外的html標簽

Question

我正在使用以下代碼

    jQuery(document).ready(function($) {
$("body").show();
$( "#accordion" ).accordion({
    collapsible: true,
    active: false,
    header: '> div.my-accordion-section > h3',
    heightStyle: 'content'
});

}）;

我想在h3之后添加另一個html標簽作為標題中的字幕，我該怎么寫？ 我試過header: '> div.my-accordion-section > h3, p',

H3之后使用逗號或不使用逗號都不起作用

Answer 1

header選項不是這樣工作的。 如果您希望字幕小於標題，請嘗試以下操作：

HTML：

<div id="accordion">
    <h3>Header 1 <span>Subtitle 1</span></h3>
    <div> Ut gravida lobortis diam non varius. Duis tempor cursus justo ut consequat. Donec bibendum sem arcu, at placerat orci ultricies sed. </div>
    <h3>Header 2 <span>Subtitle 2</span></h3>
    <div> Praesent iaculis lacus quis elementum vulputate. </div>          
    <h3>Header 3 <span>Subtitle 3</span></h3>
    <div> Phasellus ligula eros, interdum et posuere ut, dapibus ac tortor. </div>
</div> 

CSS：

#accordion h3 span{
    font-size: 50%;
    vertical-align: middle
}
#accordion h3 span:before{
    content: "- ";
}

小提琴： http ： //jsfiddle.net/ptrK5/