Ссылки на JQuery UI аккордеон на той же странице

Question

Я пытаюсь создать ссылки на той же странице, что и на аккордеоне, который откроет соответствующий раздел и выведет его в начало страницы. Я инициализирую в соответствии с кодом ниже и использую настройки по умолчанию для аккордеона.

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

Любая помощь в этом с благодарностью!

Answer 1

Используя следующее, вы можете настроить таргетинг на определенные области аккордеона. active: 1 - это область, которую вы хотите открыть.

(Примечание: отсчет начинается с 0, если я правильно помню, поэтому в этом случае откроется ваша вторая область в аккордеоне!)

$("#accordion").accordion({ active: 1 });

Если вы хотите вызвать это, щелкнув ссылку где-то на той же странице, вы можете сделать что-то вроде следующего

JQuery

$("#exampleLink").click(function() {
    $("#accordion").accordion({ active: 1 });  
    //remove return false; if you want it to jump to the top of the page when clicked
    return false; 
});

HTML

<a href="#" id="exampleLink">Link Text</a>

Надеюсь, это поможет