Javascript 创建一个扩展&；折叠开关

我是javascript的初学者，希望启用一个切换函数，其中“全部展开”和“全部折叠”是一个按钮

请您帮我完成这个JSFIDLE示例好吗

---

这是一个我很想应用的代码，我从其他源代码获得，但没有工作&jqueryui与其他脚本冲突

    $("#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>

$（“#折叠_切换”）。单击（功能（e）{
e、 预防默认值（）；
if（$（this）.data（'collapsed'）==true）{
$（“.topnav”）.accordion（'toggle'，true）；
$（this）.data（'折叠'，false）；
$（此）.text（“全部折叠”）；
}否则{
$（“.topnav”）.accordion（'toggle'，false）；
$（this.data（'collapsed'，true）；
$（此）.text（“全部展开”）；
}
});

---

谢谢

您正在使用一个

手风琴
小部件。也就是说，如果你想“全部展开”，你就伤害了手风琴的第一原则。但你总是可以绕过这种行为。查看此Jquery UI与其他脚本冲突……实际上您使用的是不同的脚本，而不是Jquery UI。您可能希望链接脚本，或者在脚本的github页面上寻求帮助。