Javascript jQuery/HTML在更改选项卡时调整水平滚动的大小

我的HTML标记中有3个HTML选项卡，如下所示：

<div id="home" class="tab-pane fade in active"> </div> 
<div id="menu1" class="tab-pane fade in"> </div> 
<div id="menu2" class="tab-pane fade in active"> </div> 

但在这种情况下，什么都不会发生

另外，一个案例会是这样的：

“主页”选项卡有大量内容，它会创建一个水平滚动条，一直向下滚动

比如说，Menu1选项卡的高度只有50px。当我点击它时，我仍然可以看到缺少的空白区域（从主页左边的选项卡）

---

有人能帮我一下吗？

为什么你要

.toggle（）

两次？@PatrickMlr sry我输入错误，我忘了删除它，它不在原始jQuery代码=）你有没有可能在JSFiddle或SOs自己的StackSnippets中复制这个问题？你的“主页”内容有固定高度吗？@PatrickMlr没有，它是动态的。。。高度是根据我在ViewBag中有多少项和表中有多少元素来设置的。。。

 $("#home").click(function(){
        $(this).toggle();
    });
    $("#menu1").click(function(){
        $(this).toggle();
    });
    $("#menu2").click(function(){
        $(this).toggle();
    });