From fa94b264fa9b552427a349235e176543af4be6d1 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Fri, 2 Sep 2011 00:50:05 -0700
Subject: add temp second topbar to nav section, fix it's compatibility issues

---
 docs/assets/js/application.js |  5 ++---
 docs/index.html               | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index aaf76e0f0..ec4ae3c06 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -48,10 +48,9 @@ $(document).ready(function(){
   // ===============================
 
   $("body").bind("click", function (e) {
-    $('.dropdown-toggle').parent("li").removeClass("open");
+    $('.dropdown-toggle, .menu').parent("li").removeClass("open");
   });
-
-  $(".dropdown-toggle").click(function (e) {
+  $(".dropdown-toggle, .menu").click(function (e) {
     var $li = $(this).parent("li").toggleClass('open');
     return false;
   });
diff --git a/docs/index.html b/docs/index.html
index 6580be3fa..b23beb321 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -946,6 +946,47 @@
     </div><!-- /topbar -->
   </div><!-- /topbar-wrapper -->
 
+
+  <div class="topbar-wrapper" style="z-index: 4;">
+    <div class="topbar">
+      <div class="fill">
+        <div class="container">
+          <h3><a href="#">Project Name</a></h3>
+          <ul class="">
+            <li class="active"><a href="#">Home</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li class="menu">
+              <a href="#" class="menu">Dropdown</a>
+              <ul class="menu-dropdown">
+                <li><a href="#">Secondary link</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Another link</a></li>
+              </ul>
+            </li>
+          </ul>
+          <form action="">
+            <input type="text" placeholder="Search" />
+          </form>
+          <ul class="secondary-nav">
+            <li class="menu">
+              <a href="#" class="menu">Dropdown</a>
+              <ul class="menu-dropdown">
+                <li><a href="#">Secondary link</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Another link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div><!-- /topbar-inner -->
+    </div><!-- /topbar -->
+  </div><!-- /topbar-wrapper -->
+
+
   <div class="row">
     <div class="span5 columns">
       <h4>What is it</h4>
-- 
cgit v1.2.3