Question

我想在按下图标时显示下拉菜单。但是，此图标位于我的panel-heading上，panel-heading我添加了一个功能，一旦点击，就会显示panel-body。单击图标时，我只希望显示下拉列表，而不是要显示的panel-body。

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

Answer 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();
});

以上是我更改代码的方式。发生的事情是你在点击标题时停止了预测，但是当你点击下拉菜单时你真的需要停止它。

您显然需要为下拉列表添加特定的样式需求，但这应该有效！

希望这有帮助！

从面板标题中的图标下拉

1 个答案: