javascript - jQuery Accordion 问题

Question

我正在尝试根据幻灯片打开一些 DIV 使用 jQuery UI。我希望链接位于其他位置，并根据其 ID 定位特定的 DIV。我该怎么做呢？有什么建议可以指引我正确的方向吗？

类似这样的事情:

<script>
    jQuery().ready(function() {
        jQuery("#accordion" ).accordion({ 
            collapsible: true, 
            active: false, 
            navigation: true 
        });
    });
</script>

和:

<h3><a href="#1">Section 1</a></h3>
<h3><a href="#2">Section 2</a></h3>
<h3><a href="#3">Section 3</a></h3>
<h3><a href="#4">Section 4</a></h3>

<div id="accordion">
    <div id="1">
        <p>content</p>
    </div>
    <div id="2">
        <p>content</p>
    </div>
    <div id="3">
        <p>content</p>
    </div>
    <div id="4">
        <p>content</p>
    </div>
</div>

Answer 1

您可以使用激活方法。

签名:

.accordion( "activate" , index )

以编程方式激活 Accordion 的内容部分。索引可以是零索引数字，以匹配要关闭的 header 的位置，也可以是匹配元素的选择器。传递 false 来关闭所有(仅适用于 collapsible:true)。

使用$(link).click(function(){})购买，您可以选择被点击元素的id并在 activate 方法的索引中传递 id，例如:

.accordion( "activate" , "#" + id);