Jquery UI Accordion — свернутые и интерактивные ссылки

Я пытаюсь использовать аккордеон пользовательского интерфейса Jquery в качестве опции боковой навигации. Проблема в том, что я не могу полностью свернуть аккордеон при загрузке (и по желанию пользователя) и иметь активные ссылки на некоторых заголовках панели.

Использование Jquery 1.6.2 и пользовательского интерфейса Jquery 1.8.16.

$(function() {
$( "#accordion" ).accordion({
    active: false,
    collapsible: true,
    autoHeight: false,
});
});

<div id="accordion">
<h3><a href="http://link1.html">Outside Link 1</a></h3>
<div></div>
<h3><a href="http://link2.html">Outside Link 2</a></h3>
<div></div>
<h3><a href="http://link3.html">Outside Link 3</a></h3>
<div></div>

<h3><a href="#">More Info</a></h3>
<div class="subNav">
    <ul>
    <li><a href="pageLink1.html">Another Page 1</a></li>
    <li><a href="pageLink2.html">Another Page 2</a></li>
    <li><a href="pageLink3.html">Another Page 3</a></li>
    </ul>
</div>

     <h3><a href="http://link4.html">Outside Link 4</a></h3>
<div></div>

<h3><a href="#">More Info 2</a></h3>
<div class="subNav">
    <ul>
    <li><a href="pageLink4.html">Another Page 4</a></li>
    <li><a href="pageLink5.html">Another Page 5</a></li>
    <li><a href="pageLink6.html">Another Page 6</a></li>
    </ul>
</div>
   ...etc
   </div>

«Внешние ссылки» должны указывать на другие страницы напрямую. Должны открыться «Дополнительная информация и дополнительная информация 2», чтобы пользователь мог выбрать «Другая страница» соответственно.

Я не могу свернуть аккордеон при загрузке или при нажатии, если я изменю селектор заголовка (таким образом я могу получить доступ к «Внешним ссылкам»). Могут ли мои пустые div быть виновником?

Любая помощь приветствуется. Заранее спасибо.


jquery collapse hyperlink jquery-ui-accordion
person rsch21    schedule 29.09.2011    source источник
comment
У меня это работает, за исключением того, что аккордеон не будет работать так, как вы хотите (с внешними ссылками). Возможно, вам просто придется создать что-то вручную. Я не знаю, сколько у вас будет дополнительных ссылок, но, может быть, просто создайте переключатель, чтобы открывать и закрывать независимо друг от друга.   -  person Matt    schedule 29.09.2011
comment
проверьте эти ссылки [stackoverflow.com/questions/ 332384/   -  person run    schedule 29.09.2011

Ответы (1)


arrow_upward
0
arrow_downward

Вам повезло. кто-то сделал плагин для этого.

http://www.i-marco.nl/weblog/jquery-accordion-3/# Это работает так, как вы этого хотите.

person Matt    schedule 29.09.2011
comment
Плагин, похоже, работает так, как я надеялся. Я думаю, что вариант № 4 - это то, что я попытаюсь модифицировать. Спасибо за помощь! - person rsch21; 30.09.2011