Twitter bootstrap 引导下拉按钮将不会溢出，并成为滚动条

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

我已经创建了一个JSFIDLE

当我单击第一个选项option.1时，它会工作并显示一个新选项，但如果我想退回到option.2，则旧选项仍处于活动状态。使其难以更改回选项。1

我在另一个论坛上找到的解决方案，我现在找不到。但是通过添加 将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>

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

.tab-content {
overflow: visible;
}

现在看起来很棒

.tab-content {
overflow: visible;
}