Как я вставляю свой объект заголовка в jQuery Accordion

Question

У меня есть список UL и по причинам стилизации CSS, мне нужно вставить объект, который я хочу использовать в качестве заголовка для моего аккордеона внутри div в LI , Такой, что:

<ul> 
    <li> 
     <div> 
      <h4>Header</h4> 
     </div> 
     <p>This is my content</p> 
    </li> 
    ... other lis... 
</ul> 

Теперь я хотел подключить мой аккордеон:

$(document).ready(function() { 
    $('ul').accordion({ 
     header: '' //What do I put here? 
    }); 
}); 

Когда я устанавливаю заголовок h4, он не работает, когда я использую DIV, его работает только на краю, где прокладка в div показывает ее из-под h4. Есть ли способ ссылки на h4 в div как на заголовок? Я пробовал 'div> h4', но это не работает. Я уверен, что это довольно просто, но я не обнаружил, как это сделать.

Приветствия заранее.

Answer 1

Аккордеон работает путем поиска совпадений заголовков, а затем вызывает .next(), чтобы получить часть содержимого. Поэтому для вашей разметки просто используйте это:

$('ul').accordion({ 
    header: 'li>div' //.next() will get the <p> 
}); 

Я протестировал это, здесь отлично работает.