jquery - 我如何使用外部 anchor 或按钮控制 jquery UI Accordion

Question

如何使用外部 anchor 或按钮控制 jQuery UI Accordion？

假设我使用:

<script>
 $function(){
$("#accordion").accordion({
    header: "h3",
    autoHeight: false,
    navigation: true
    });
});  
</script>

使用此 HTML:

    <div id="accordion">

<div>
<h3><a href="#"><b>tab1</b></a></h3>
    <div>
    <p>Some text here 1</p>
     </div>
</div>

<div>
     <h3><a href="#"><b>tab 2</b></a></h3>
<div>
     <p>some text here 2</p> 
     </div>
</div>

</div>

如何使用外部 anchor 或按钮控制、触发或打开它们？

Answer 1

改变这个，

<h3><a href="#"><b>tab 2</b></a></h3>

到，

<h3><a name="tab2" href="#tab2"><b>tab 2</b></a></h3>

然后像这样编写链接代码:

<a href="http://domain.com/page/#tab2">Click here to see Tab 2</a>

我今天刚刚在网站上完成了此操作。我遇到的问题是页面链接到正确的 anchor ，然后打开 Accordion ，这意味着用户不再位于正确的 anchor 。