Аккордеон не работает со всеми моими данными

Question

Я использую этот соответствующий плагин текст ссылки 3-й вниз ... 3: Non-accordion (стандартное расширяемое меню), и каждый li выглядит так

<li>
<a href="#">Burswood Dome - Burswood Wa, Australia</a>
        2010-10-04
        <ul class="acitem">
              <br><input id="yes_song1" name="yes" type="radio" value="song[1]" />
              Yes
              <br><input id="no_song1" name="no" type="radio" value="song[1]" />
              No
                <li>master of puppets</li>
</ul>
</li>

Anyпричина, по которой аккордеон не работает, потому что, если я использую только li с текстом, он отлично работает ...

Answer 1

Причина взлома скрипта в том, что http://jqueryui.com/demos/accordion/

Разметке вашего аккордеонного контейнера требуются пары заголовков и панели содержимого:

Так что это должны быть чередующиеся элементы, один для заголовка, другой для контента. У меня есть пара div с именами классов css accHeader и accContent, например:

<div class='accHeader'>... blah blah blah ... </div>
<div class='accContent'> ... blah blah ... </div>
<div class='accHeader'>... blah blah blah ... </div>
<div class='accContent'> ... blah blah ... </div>
<div class='accHeader'>... blah blah blah ... </div>
<div class='accContent'> ... blah blah ... </div>

И мой аккордеон работает просто отлично. Кроме того, имейте в виду, что вы можете вкладывать в div все, что хотите. В том числе <br /> с

Answer 2

Необходимо убедиться, что LI являются единственными дочерними элементами элемента UL.Кроме того, даже если у вас не должно быть элемента br как прямого потомка ul, вы должны написать <br /> вместо <br>.

Answer 3

У меня была та же проблема, но в моем случае это было потому, что я использовал обычный «Диспетчер сценариев» вместо «Диспетчер сценариев инструментария». Попробуйте поменяться местами, и это может работать нормально. Также, если я прав », скрипт скриптаДиспетчер »- это расширенный вариант« Диспетчера сценариев »

Надеюсь, я смог помочь.