JQuery UI Аккордеон на ул - PullRequest
Новая
       3

JQuery UI Аккордеон на ул

4 голосов
/ 11 ноября 2010

Как мне заставить jQuery UI Accordion работать, когда мне нужно надеть обертку вокруг каждого элемента?

Пример HTML: 

<ul>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
</ul>

Я просто не могу заставить его работать.

1 Ответ

13 голосов
/ 11 ноября 2010

Вы не можете заставить аккордеон работать с вашей текущей разметкой. Элементы должны быть родными братьями как это: 

<div id="parentAccordionDiv">
    <h3><a href="#">header</a></h3>
    <div>
        Content goes here
    </div>
    <h3><a href="#">header</a></h3>
    <div>
        Content goes here
    </div>
</div>

Я стою исправлено. Я получил аккордеон, чтобы нормально работать, как это: 

<script type="text/javascript">
    $(function(){
        $('#accordion').accordion();
    })
</script>
<ul id="accordion">
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
  <li>
     <h3><a href="#">header</a></h3>
     <div>
         Content goes here
     </div>
  </li>
</ul>
...