Javascript jQuery折叠/展开指示，相应地切换HTML实体

如何在HTML实体和#9660；（向下指向的三角形）和◀；（左指三角形）分别用于打开和关闭状态，以显示在h2封闭内容旁边（在向右浮动的span元素内），使用jQuery折叠脚本：？

您需要将javascript添加到可以为每个可折叠元素定义的打开/关闭函数中。我将下载文件中的以下演示修改为：

HTML（添加到带箭头的跨距中）：

---

你知道吗，这很有效，非常感谢。任何人都知道我如何使标题中的跨距包括在单击时切换内容的功能，以及标题文本在跨距之外的功能？箭头是可点击的，就像它在视觉上变成了一个链接，因为它在h2元素中变成了一个链接，但是点击它什么都不做。

<div class="col c2">
  <!-- BEGIN Custom open and close -->
  <h2>Custom show &amp; hide</h2>
  <div id="custom-show-hide-example">
    <h3><span>&#9660;</span>Hello</h3>
    <div>
      <p>Hello Sir.</p>
      <p>I'm sliding</p>
    </div>
    <h3><span>&#9660;</span>Anarachy in the UK</h3>
    <div>I like tea</div>
    <h3><span>&#9660;</span>Indeed</h3>
    <div>This is some information</div>
  </div>

    new jQueryCollapse($("#custom-show-hide-example"), {
      open: function() {
        this.slideDown(150);
        $('#custom-show-hide-example h3 span').html('◀'); /*my added line*/
      },
      close: function() {
        this.slideUp(150);
        $('#custom-show-hide-example h3 span').html('▼'); /*my added line*/
      }
    });