Javascript 响应网格破坏了我的js元素

我有一个导航条，它被编程为在屏幕上滚动。单击，然后再滚动。再次单击

它工作得很好，但现在一点也不工作了。我确实为流体响应设计将布局转换为12列网格，但即使我将其设置为另一种方式，它仍然不起作用

任何帮助都会得到感激

以下是网站：

加幅如下：

<div class="row-fluid">
    <div class="span12">
        <div id="dashboard">
            <nav id="access">
                <div class="open">Here's the Nav Bar
            </nav>
        </div> <!-- dashboard -->
    </div> <!-- span12 -->
</div> <!-- row-fluid -->

现在，我假设是css造成了问题，但我不确定该去哪里寻找，只是学习响应式设计，我不认为转储整个样式表是有帮助的，但我将尝试找出相关的部分：

html {
    min-height: 100%;
    background-size: cover;
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

body{
    min-height:100%;
    overflow-x:hidden;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

#access {
    display: block;
    float: right;
    margin: 10px auto 0;
    width: 730px;
}

#dashboard {
   font-size: 30px;
   float: left;
   position: absolute;
   right: -659px;
   z-index: 100;
}

.open {
   background: #cabd32 url(images/open.png) top left no-repeat;
   background-position: center;
   float: left;
   padding: 32px 35px 33px;
}

.close {
   background: #cabd32 url(images/close.png) top left no-repeat;
   background-position: center;
   float: left;
   padding: 32px 35px 33px;
}

几个小时来一直在挑拣它，但是没有用，我想得到一些帮助。 干杯，

试试这个：

脚本

$('.open').bind('click',function(){ 
    $('#dashboard').stop().animate(
    {
        right: $(this).hasClass('close') ? '-790px' : '0'
    });
    $(this).toggleClass('close');
});

并在CSS中更改

dashboard

#dashboard {
  font-size:30px;
  float:left;
  position: absolute;
  right: -790px;
  z-index: 100;
}

---

如果你打开开发者工具并检查控制台，你会看到你的主题的css没有加载，它给出了404，另外你还有一个与

jquery相关的错误。放松
谢谢@elclars这些都是无关的，所以我认为它们不会有任何影响，但是在头脑中调用这些脚本修复了它。必须开始使用我的控制台！嗨@Rohan，这个问题似乎通过删除head部分中的无关脚本得到了解决。我看不出你的建议和现在的有什么区别。我错过什么了吗？
#dashboard {
  font-size:30px;
  float:left;
  position: absolute;
  right: -790px;
  z-index: 100;
}