jQuery Accordion触发元素之外

时间:2011-03-29 15:59:37

标签: jquery accordion

我使用手风琴jQuery插件只有一个下拉菜单,但是我希望触发器是一个链接,它位于页面另一侧,在元素之外。

可能?

2 个答案:

答案 0 :(得分:1)

如果我理解正确,你想从外部链接触发手风琴。

您可以使用:

$( "#accordionId" ).accordion( "option", "active", idxToActivate );

一个快速的例子:

HTML

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

<a href='#' onclick='$( "#accordion" ).accordion( "option", "active", 1 );'>test</a>

SCRIPT

jQuery(document).ready(function(){
    $('#accordion').accordion({});
});

答案 1 :(得分:1)

不确定

说你的触发器就像:

<a href="#" class="accordionLink">1</a>
<a href="#" class="accordionLink">2</a>
<a href="#" class="accordionLink">3</a>

然后你提供:

$(".accordionLink").click(function() {
    var id = $(this).text();
    // check if it is already active by checking for the existence of a class on the
    //header
    id = +id - 1;
    if(!$("#sec_" + id).hasClass("ui-state-active")) {
        $( "#accordionId" ).accordion('activate', id);
    }
});

如果你的触发器与手风琴ID不同,那么你必须使用触发器到手风琴ID的映射。