|
|
| Line 1: |
Line 1: |
| | <html lang="en"> | | <html lang="en"> |
| | + | <script> |
| | + | (function($){ |
| | + | $(document).ready(function(){ |
| | + | $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) { |
| | + | event.preventDefault(); |
| | + | event.stopPropagation(); |
| | + | $(this).parent().siblings().removeClass('open'); |
| | + | $(this).parent().toggleClass('open'); |
| | + | }); |
| | + | }); |
| | + | })(jQuery);</script> |
| | | | |
| | <head> | | <head> |
| Line 30: |
Line 41: |
| | <body> | | <body> |
| | | | |
| − | <div class="navbar navbar-fixed-top">
| + | <nav class="navbar navbar-default navbar-fixed-top"> |
| − | <div class="navbar-inner">
| + | |
| − | <div class="container">
| + | |
| − | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <div class="nav-collapse">
| + | |
| − | <ul class="nav">
| + | |
| − | <a class="brand" href="#">Present Ideas</a>
| + | |
| − | <li class="active"><a href="#">Home</a></li>
| + | |
| − | <li><a href="#">Blog</a></li>
| + | |
| − | <li><a href="#">About</a></li>
| + | |
| − | <li><a href="#">Help</a></li>
| + | |
| − | <li class="dropdown" id="accountmenu">
| + | |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings<b class="caret"></b></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="#">Login</a></li>
| + | |
| − | <li class="dropdown-submenu">
| + | |
| − | <a tabindex="-1" href="#">More options</a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a tabindex="-1" href="#">Second level</a></li>
| + | |
| − | <li class="dropdown-submenu">
| + | |
| − | <a href="#">More..</a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="#">3rd level</a></li>
| + | |
| − | <li><a href="#">3rd level</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="#">Second level</a></li>
| + | |
| − | <li><a href="#">Second level</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="#">Register</a></li>
| + | |
| − | <li class="divider"></li>
| + | |
| − | <li><a href="#">Logout</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <ul class="nav pull-right">
| + | |
| − | | + | |
| − | </ul>
| + | |
| − | </div><!--/.nav-collapse -->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </body>
| + | |
| − | </html>
| + | |
| − | | + | |
| − | <!-- <nav class="navbar navbar-default navbar-fixed-top">
| + | |
| | <div class="container"> | | <div class="container"> |
| | <div class="navbar-header"> | | <div class="navbar-header"> |