鏈接點擊後自舉導航欄摺疊

我有一個自助項目導航菜單，其中'我們的項目'部分是可摺疊的。當我點擊可摺疊導航欄中的鏈接時，它會摺疊。但是，我希望這樣保持打開狀態，並且一旦點擊了不同的li（例如「關於」，「聯繫」等），就會摺疊（隱藏）。鏈接點擊後自舉導航欄摺疊

下面的代碼：

<ul class="nav masthead-nav" > 
     <li class="active" > 
      <a href="{% url 'home' %}" >Home page</a> 
     </li> 
     <li> 
      <a href="{% url 'offer' %}" >Offer</a></li> 
     <li> 
      <a class="accordion-title" data-toggle="collapse" data-target="#projekty" href="#"> 
      Our Projects 
      </a> 
      <ul class="nav masthead-nav collapse " id="projekty" > 
      <li> 
       <a href="{%url 'mieszkaniowe' %}" >Appartments</a> 
      </li> 
      <li> 
       <a href="{%url 'uzyteczne' %}" >Public</a> 
      </li> 
      <li> 
       <a href="{%url 'wnetrza' %}" >Interior design</a> 
      </li> 
      <li> 
       <a href="{%url 'biurowe' %}" >Office</a> 
      </li> 
      <li> 
       <a href="{%url 'konkursy' %}" >Contest</a> 
      </li> 
      <li> 
       <a href="{%url 'pozostale' %}">Others</a> 
      </li> 
      </ul> 

      <li> 
       <a href="{% url 'about' %}">About us</a> 
      </li> 
      <li> 
      <a href="{% url 'contact' %}">Contact</a> 
      </li> 
     </ul>

來源

2014-02-21 user1544500

我認爲，我們需要的JavaScript代碼，你已經嘗試:) – A1rPun

潛在的，這就是爲什麼它不工作，因爲我不知道如何添加JavaScript代碼。我認爲它應該像這裏描述的那樣工作：http://getbootstrap.com/javascript/#collapse。你能提供任何有關javacode的幫助嗎？ – user1544500

是的。我想幫助，我們在這裏提供幫助。但這個問題並沒有描述你正在努力的任何問題。只是描述你想要的東西。你提供的網址給出了一個非常清晰的關於你應該使用的類的例子，以及javascript'enable：'（'。collapse'）的使用位。collapse（）' – A1rPun

子菜單鏈接之間的區別是，在href指向「＃」，所以我用的是抗選擇NOT作爲

$("nav a").not("a[href='#']").click(function(){ 
...

來源

2014-05-06 01:40:33 user3606316

爲什麼不簡單''（'nav ul ul a'）'？ – ahren

鏈接點擊後自舉導航欄摺疊

回答

相關問題