jQuery UI Accordion с разделами, завернутыми в DIVs - PullRequest
Новая
       5

jQuery UI Accordion с разделами, завернутыми в DIVs

8 голосов
/ 28 октября 2011

Я успешно реализовал аккордеон, как указано здесь , но хотел бы обернуть каждый раздел в div, поэтому моя структура будет выглядеть следующим образом: 

<div id="accordion">
<div class="wrap">
<h3><a href="#">Header 1</a></h3>
<div>Collapsible content 1</div>
</div><!-- end wrap -->
<div class="wrap">
<h3><a href="#">Header 2</a></h3>
<div>Collapsible content 2</div>
</div><!-- end wrap -->
<div class="wrap">
<h3><a href="#">Header 3</a></h3>
<div>Collapsible content 3</div>
</div><!-- end wrap -->
</div>

Этовозможно использование функциональности аккордеона, представленной в пользовательском интерфейсе jQuery?На данный момент, если я пытаюсь построить его таким образом, он пытается трактовать <div class="wrap"> как заголовок раздела.

1 Ответ

14 голосов
/ 28 октября 2011

Смена опции заголовка, похоже, в порядке.

http://jqueryui.com/demos/accordion/#option-header

$(function() {
        $( "#accordion" ).accordion(
         { header: '> div.wrap > h3' }
        );
    });

http://jsfiddle.net/Quincy/RCXwz/

...