2015-06-10 3 views
0

Я использую Twitter Bootstrap тему, в которой я имею боковое меню с подменю со следующим кодом:твиттер навигационное меню начальной загрузки стороне OnClick коллапс

<div id="sidebar" class="nav-collapse "> 
    <!-- sidebar menu start--> 
    <ul class="sidebar-menu" id="nav-accordion"> 

    <p class="centered"> 
     <a href="profile.html"><img 
            src="${pageContext.request.contextPath}/assets/img/ui-sam.jpg" 
            class="img-circle" width="60"></a> 
    </p> 
    <h5 class="centered">Sys_Admin</h5> 

    <li class="mt"><a class="active" 
         href="${pageContext.request.contextPath}/admin/viewDashboard"> <i 
                         class="fa fa-dashboard"></i> <span>Dashboard</span> 
     </a></li> 

    <li class="sub-menu"><a href="javascript:;"> <i 
                class="fa fa-desktop"></i> <span>Management</span> 
     </a> 
     <ul class="sub"> 

     <li><a 
       href="${pageContext.request.contextPath}/admin/addClient">Add 
      </a></li> 
     <li><a 
       href="${pageContext.request.contextPath}/admin/addUser">ADD 
      Users</a></li> 

     <li><a 
       href="${pageContext.request.contextPath}/admin/viewClient">Show 
      all Clients</a></li> 
     <li><a 
       href="${pageContext.request.contextPath}/admin/assignCredits">Assign 
      Credits</a></li> 
     </ul></li> 


    <li class="sub-menu"><a href="viewReportsAdmin"> <i 
                 class="fa fa-cogs"></i> <span>View Client Reports</span> 
     </a></li> 

    <li class="sub-menu"><a href="profile"> 
     <i class="li_settings"></i> <span>Profile</span> 
     </a></li> 
    </ul> 
</div> 

Когда я нажимаю на любое подменю активное меню получает разрушилась. Я хочу, чтобы он оставался открытым и активным, пока не нажмете другой вариант.

Может кто-нибудь помочь мне с этим

+0

[http://getbootstrap.com/javascript/#collapse-example-accordion](http://getbootstrap.com/javascript/#collapse-example-accordion)? –

ответ

1

Это то, что вы ищете? Click Me

ИЛИ

Это ... Click me

Просто проверьте исходный код этих шаблонов, и вы должны иметь то, что вам действительно нужно.

Если вы хотите, чтобы кто-то дал решение, которое очень специфично для вашего кода выше, пожалуйста, разместите связанные css и js с этим html.

+0

Поскольку это тема для начальной загрузки, все css и js встроены правильно, поэтому я включил их здесь. Я внедряю бутстрап-url для их реализации. Я хочу что-то вроде первой ссылки, которую вы дали, я попробую это – kirti

Смежные вопросы