如何在链接内设置跨度工作崩溃？

Question

所以我使用bootstrap崩溃，但问题是它只在我点击链接时打开div但是当我点击箭头（span）时它不起作用。任何建议如何解决这个问题？

      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#firms" href="#collapseOne1">
            Go to list <span class="arrow-right"></span>
        </a>
     </h4>
<div id="collapseOne1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
    <div class="panel-body">
     aaaaa
    </div>
</div>

这是跨度的css：

.arrow-right{
    background: url('../img/sprite.png') no-repeat  -0px -2039px;
    width: 13px;
    height: 12px;
    float: right;
    margin-left: 10px;
}