Javascript 停止jQuery从下面移动内容的向下滑动效果？

我的页面顶部有4个“选项卡”，单击后，可以使用jQuery的向下滑动功能向下滑动以显示隐藏的div。问题是我不希望4个静态“选项卡”受此影响。我希望他们保持不变。当隐藏的潜水艇被发现时，我似乎找不到一个办法来阻止他们下潜

以下是我的代码：

以下是静态选项卡的CSS：

.static {
    width: 160px;
    height: 120px;
    float: left;
    text-align: center;
    margin: 250px 35px 0 35px;
}

---

请有人知道一种方法，当隐藏的div被显示时，阻止底部的4个静态“选项卡”向下移动。谢谢

在

.content

上使用

位置：绝对

。绝对定位的元素不会将其余内容向下推

.content {
    height: 0px;
    width: 880px;
    margin-left: 20px;
    overflow: hidden;
    background-color: #e62d67;

    /* properties added */
    position: absolute;
    top: 240px;
}

---

<> <强> < /强>

你好，你会考虑这个问题不会一直没有解决吗？非常感谢。