Twitter bootstrap 从面板标题内的图标下拉列表

我试图在按下图标时显示下拉菜单。但是，该图标位于我的面板标题上，我在面板标题中添加了一个函数，单击后将显示面板主体。单击图标时，我只希望显示下拉列表，而不希望显示面板主体

---

我已经创建了一个JSFIDLE:

这确实很棘手，但我相信我已经找到了答案

下面是我的代码：

以上是我如何更改您的代码。发生的情况是，您在单击标题时停止了编程，但在单击下拉菜单时确实需要停止编程

显然，您需要为下拉列表本身添加您的特定样式需求，但这应该是可行的

希望这有帮助

$(".panel-heading").click(function() {
   var panel = $(this).parent(".panel");
   panel.find(".panel-body").first().slideToggle();
});

$(".dropdown-toggle").click(function(e) {
   e.stopPropagation();
   $(".dropdown-menu").slideToggle();
});