创建一个单一的扩展＆amp;崩溃切换

Question

我是javascript的初学者，想要启用切换功能，其中全部展开和全部折叠都是一个按钮

请问这个jsfiddle例子可以帮助我吗？

http://jsfiddle.net/PZHF5/6/

这是我厌倦申请的一个代码，我从其他来源获得但是没有工作＆amp; Jquery UI与其他脚本冲突......

    $("#collapse_toggle").click(function(e) {
    e.preventDefault();
    if($(this).data('collapsed') == true){
        $(".topnav").accordion('toggle', true);
        $(this).data('collapsed', false);
        $(this).text("Collapse All");
    }else{
        $(".topnav").accordion('toggle', false);            
        $(this).data('collapsed', true);
        $(this).text("Expand All");
    }

});

<p class="external">
    <a href="#" id="collapse_toggle" data-collapsed="true">Expand All</a>
</p>

谢谢！