Javascript 下拉箭头和展开/折叠选项

Javascript 下拉箭头和展开/折叠选项,javascript,html,css,Javascript,Html,Css,我很难在当前页面中添加3个简单的内容: 显示列表当前是否折叠或展开的视觉提示,如横向三角形 在相同的结构(列表+三角形)中,一个额外的虚线树形图可视辅助工具,用于即将出现的参考资料列,如 一个不错的工作方式,像链接/按钮一样展开所有和折叠所有切换。实施的“gueto”解决方案未获得批准,因为它并不总是全部折叠或全部展开(*它实际上只是切换所有div),下面的解决方案缺乏一致性 样本:: 非常感谢, -b如果要展开所有部分并及时关闭或重新打开一个,只需创建一个额外的类。addCLass(

我很难在当前页面中添加3个简单的内容:

  • 显示列表当前是否折叠或展开的视觉提示,如横向三角形

  • 在相同的结构(列表+三角形)中,一个额外的虚线树形图可视辅助工具,用于即将出现的参考资料列,如

  • 一个不错的工作方式,像链接/按钮一样展开所有和折叠所有切换。实施的“gueto”解决方案未获得批准,因为它并不总是全部折叠或全部展开(*它实际上只是切换所有div),下面的解决方案缺乏一致性


样本::




非常感谢,
-b

如果要展开所有部分并及时关闭或重新打开一个,只需创建一个额外的类。addCLass('expand_all');然后,如果我理解了一个问题,请删除类(“活动”):)其中一个应该适合你。欢迎来到堆栈溢出。感谢大家的投入,但我所寻找的是在我当前的结构和类中实现上述3个项目的方法。
/*toggle to expand/collapse all description items*/
$("a.listexpand").on('click', function () {
    $('div.descriptions').slideToggle(600).toggleClass('active');
});