Push 当其他div具有不同的z索引时，在顶部滑动切换以向下推送下面的所有内容，而不是覆盖？

我有一个滑动切换div，它隐藏在页面加载中，当单击按钮时就会显示出来。div的高度为250px，位于顶部0px。我也尝试过100%的底部，它做同样的事情。我使用了好几层z索引，为了得到我想要的布局，我不得不使用absolute来定位一些div。但我希望有一种方法可以在滑动开关出现时将所有这些div向下推250像素。我在想，不是使用toggle div，也许有一种方法可以将页面滚动到-250px，这样所有的内容看起来都一样，但会被向下推

这是我正在使用的div的css，以防在这里可以执行某些操作：

#slidingTopBar
{ 
background:#199651;
display:inline-block;
position: fixed;
height:250px;
width:100%;
left:0px;
top:0px;
z-index:56;
}

切换的脚本使用如下：

$(document).ready(function(){

$("#slidingTopBar").hide();
$(".show_hide").css('position','absolute').show();

$('.show_hide').click(function(){
$("#slidingTopBar").css('position','absolute').slideToggle();
}); });

使用以下html调用切换：

<div id="TopBar"><a href="#" class="show_hide">SHOW</a></div>

这是所有的工作，除了它是覆盖的内容，已经有了，而我希望它把它都推下来

---

非常感谢您的帮助。

使用toggle div或其包装器正下方的clearfix方法应该可以解决以下问题：

HTML:

CSS:

.clearfix{clear:both；}