如果未单击链接，则可以使用此选项折叠：******

$(document).click(function(e) {
    if (!$(e.target).is('a')) {
        $('.collapse').collapse('hide');        
    }
});

另一种选择是，您可以添加以下代码：

<script>
	$(document).ready(function(){
		$(".list-group ").hover(            
		function() {
			$('.collapse', this).stop( true, true ).slideDown("fast");
			$(this).toggleClass('open');        
		},
		function() {
			$('.collapse', this).stop( true, true ).slideUp("fast");
			$(this).toggleClass('open');       
		}
		);
	});
</script>

另一个例子：dtc-eng

以下是我的看法：

$(document).on('click', function(event){
  var $clickedOn = $(event.target),
      $collapsableItems = $('.collapse'),
      isToggleButton = ($clickedOn.closest('.navbar-toggle').length == 1),
      isLink = ($clickedOn.closest('a').length == 1),
      isOutsideNavbar = ($clickedOn.parents('.navbar').length == 0);

  if( (!isToggleButton && isLink) || isOutsideNavbar ) {
    $collapsableItems.each(function(){
      $(this).collapse('hide');
    });
  }
});

此解决方案可处理：

• 单页网站/应用程序（也可用于多页）。
• 点击：
• .navbar-toggle元素（可以是<buttons>或<a>，它处理潜在内部元素（如<span>或<strong>等）上的点击）。
• 在简单的<a>元素上（同样，它处理内部元素上的点击）。
• 刚好在某个特定父节点（即.navbar）之外。
• 多个可能是开放的可折叠（.collapse）元素（与它们在DOM中的位置不明显）。

您可以定制传递给jQuery的大多数选择器（document，.collapse，.navbar等）来满足您的需要，甚至可以添加更多的条件。