Jquery 如何禁用引导折叠'；s API点击事件

我正在一个项目中使用Twitter的Bootstrap'Collapse'插件（）。我真的不喜欢为了切换可折叠项而必须单击每个父元素的方式，所以我编写了自己的脚本，在悬停而不是单击时显示和隐藏可折叠项

以下是脚本代码：

$(function spark_item_hover() {
    $(this).on('mouseenter.collapse.data-api', '[data-toggle=collapse]', function() {
        var $this = $(this), target = $this.attr('data-target')
        , option = $(target).data('collapse') ? 'show' : $this.data()
        $(target).collapse();
        $(target).show('true');
    })
    $(this).on('mouseleave.collapse.data-api', '[data-toggle=collapse]', function() {
        var $this = $(this), target = $this.attr('data-target')
        , option = $(target).data('collapse') ? 'hide' : $this.data()
        $(target).hide('true');
    })   
})

下面是我如何在HTML中调用脚本（删除不相关的内容）：

---

这基本上就是我想要它做的：当我将鼠标悬停在折叠的项目上时，它将显示该项目，当我移开时，它将隐藏该项目。唯一的问题是，API（的底部）中定义的单击事件仍在使用；当我单击父元素时，它仍然切换可折叠项。我想知道是否有办法从API中禁用单击切换？我仍然希望能够在元素内部单击（因为它包含指向其他页面的链接）；我只是不希望它切换可折叠项。

您可以使用另一个切换标记：

[data toggle=hovercollapse]

。这样就不会启用插件

<li class="spark-item" onhover="spark_item_hover()" data-target="#context155" data-toggle="collapse">
    <div class="span11">
        <div class="row-fluid">
            <div id="context155" class="collapse" style="height: auto; display: none;"></div>
        </div>
    </div>
</li>