Bootstrap下拉按钮不会溢出，并成为滚动条

Question

我最近遇到了bootstrap中的下拉按钮问题。我的任务是添加一个依赖于另一个下拉菜单的下拉菜单。

我创建了一个jsFiddle here。

当我点击第一个选项option.1时，它会起作用并出现一个新选项，但如果我想退回到option.2，旧选项仍然有效。难以改回选项。

我在另一个论坛找到的解决方案，我现在找不到它。但通过添加 这个javascript到了html的结尾：

<script>
$(function () {
$('#myTab a:first').tab('show');
});
$('#myTab a').click(function (e) {
  $(this).tab('show');
  $('.dropdown-menu > li.active').not($(this).closest('li')).removeClass('active');
});
</script>

它会取消激活点击的上一个按钮。

请参阅jsFiddle.

现在到最后一个问题，因为twitter bootstrap使用

.tab-content {
overflow: auto;
}

它会自动为您提供一个滚动条，您需要做的是在您自己的CSS中添加其他地方：

.tab-content {
overflow: visible;
}

jsFiddle现在看起来很棒。