链接点击后自举导航栏折叠

我有一个自助项目导航菜单，其中'我们的项目'部分是可折叠的。当我点击可折叠导航栏中的链接时，它会折叠。但是，我希望这样保持打开状态，并且一旦点击了不同的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

链接点击后自举导航栏折叠

回答

相关问题