jquery - 外部手风琴关闭按钮

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 示例

手风琴本身没有关闭方法，但是您可以将按钮的单击事件绑定到活动选项以获得相同的效果。