外部手风琴关闭按钮

Question

我试图在手风琴中添加一个关闭按钮，但我的jQuery技能很少。

到目前为止，这是我的标记：

<dl id="accordion">
<dt><a class="openbutton" href="">Click for content</a></dt>
<dd>Content
    <div id="close"><a href="#">Close</a></div>
</dd>
</dl>

和

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

我也附上了一个小提琴：http://jsfiddle.net/FKZtn/1/

任何帮助都将受到高度赞赏！

提前致谢

编辑：此外，如果手风琴扩展的方式，视口向下滚动到手风琴内容的底部，这也是非常有用的。

Answer 1

添加：

$('#close').click(function () {
    $("#accordion").accordion({active: false}).click();
});

<强> jsFiddle example

手风琴本身没有紧密的方法，但您可以将按钮的点击事件与活动选项联系起来以获得相同的效果。