面板标题内图标的下拉菜单

【问题标题】：Dropdown from icon within panel heading面板标题内图标的下拉菜单
【发布时间】：2013-12-02 22:27:43
【问题描述】：

我试图在按下图标时显示下拉菜单。然而，这个图标在我的panel-heading 和panel-heading 上，我添加了一个功能，一旦点击就会显示panel-body。单击图标时，我只想显示下拉菜单，而不是显示panel-body。

我创建了一个 jsFiddle：http://jsfiddle.net/2495D/2/

【问题讨论】：

标签： twitter-bootstrap drop-down-menu panel

【解决方案1】：

这确实很棘手，但我相信我已经弄明白了。

这是我的代码的小提琴：http://jsfiddle.net/Kiaaanabal/e6322/

$(".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();
});

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

您显然需要为下拉菜单本身添加特定的样式需求，但这应该可以！

希望这会有所帮助！

【讨论】：