在onClick DIV中的Bootstrap折叠元素

Question

我在onClick DIV中有一个Bootstrap Collapse元素（SPAN），但是，如果您单击该元素，则不会折叠所需的内容，而是运行{ {1}}功能。单击此元素（SPAN）时，有什么方法可以折叠内容，并且如果您在该onClick上的其他位置单击，它应该运行div函数。

代码：

onClick

---

我要解决这个问题！

<div width="100%" onclick="myFunction();">
    <span data-toggle="collapse" data-target="#collapse_content" aria-expanded="false" aria-controls="collapse_content"><i class="fas fa-caret-up fa-3x"></i></span>
    <div id="collapse_content" class="collapse">
        <div>
            <!-- COLLAPSED CONTENT -->
        </div>
    </div>
</div>

<div width="100%" class="parent-div">
    <span data-toggle="collapse" data-target="#collapse_content" aria-expanded="false" aria-controls="collapse_content"><i class="fas fa-caret-up fa-3x"></i></span>
    <div id="collapse_content" class="collapse">
        <div>
            <!-- COLLAPSED CONTENT -->
        </div>
    </div>
</div>

参考：This Answer