Javascript 尝试将slideToggle设置为高于背景/滑块

我正在尝试为新产品制作一个简单的登录页。其想法是在背景中有一个完整的页面滑块，带有一个切换/面板，可以在图像上方向下滑动并显示内容

我正在使用这个滑动面板- 和超级滑块，可在nicianbox.github.is/supersliders上找到

这是我的结果，问题是切换/面板将滑块向下推，而不是滑到它上面。有人能找到解决办法吗？Z指数对我没有任何好处

只需在index_6.html上显示一个背景图像（如果无法使用滑块，则为最坏情况）

 $(document).ready(function(){

  $(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
  });
 });

---

非常感谢

使用Malk的anwser，我包装了toggle元素并应用了css。。。它就像一场梦。谢谢

.panel{位置：绝对；宽度：100%}谢谢你的建议，不幸的是它没有达到我的目的。它将面板置于图像上方，但将“标题”和控件留在顶部，使它们无法使用。我会看看我是否能通过包装或其他方式解决这个问题。