|
|
Line 3: |
Line 3: |
| | | |
| | | |
− | <!-- 3 level menu bar, by any chance? -->
| + | |
− | <script type="text/javascript">
| + | |
− | (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');
| + | |
− | });
| + | |
− | });
| + | |
− | });
| + | |
− |
| + | |
− |
| + | |
− | </script>
| + | |
− |
| + | |
− | <!--wieder ins script einbinden (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);-->
| + | |
| | | |
| <head> | | <head> |
Line 58: |
Line 33: |
| | | |
| <body> | | <body> |
− | <nav class="navbar navbar-inverse navbar-static-top marginBottom-0" role="navigation">
| + | <div class="navbar navbar-default navbar-fixed-top" role="navigation"> |
− | <div class="navbar-header">
| + | <div class="container"> |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
| + | <div class="navbar-header"> |
− | <span class="sr-only">Toggle navigation</span>
| + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> |
− | <span class="icon-bar"></span>
| + | <span class="sr-only">Toggle navigation</span> |
− | <span class="icon-bar"></span>
| + | <span class="icon-bar"></span> |
− | <span class="icon-bar"></span>
| + | <span class="icon-bar"></span> |
− | </button>
| + | <span class="icon-bar"></span> |
− | <a class="navbar-brand" href="#" target="_blank">NewWindow</a>
| + | </button> |
− | </div>
| + | </div> |
− |
| + | <div class="collapse navbar-collapse navbar-ex1-collapse"> |
− | <div class="collapse navbar-collapse" id="navbar-collapse-1">
| + | <ul class="nav navbar-nav"> |
− | <ul class="nav navbar-nav">
| + | <li class="menu-item dropdown"> |
− | <li class="active"><a href="#">Active Link</a></li>
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Drop Down<b class="caret"></b></a> |
− | <li><a href="#">Link</a></li> | + | <ul class="dropdown-menu"> |
− | <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
| + | <li class="menu-item dropdown dropdown-submenu"> |
− | <ul class="dropdown-menu">
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Level 1</a> |
− | <li><a href="#">Dropdown Link 1</a></li>
| + | <ul class="dropdown-menu"> |
− | <li><a href="#">Dropdown Link 2</a></li>
| + | <li class="menu-item "> |
− | <li><a href="#">Dropdown Link 3</a></li>
| + | <a href="#">Link 1</a> |
− | <li class="divider"></li>
| + | </li> |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Link 4</a>
| + | <li class="menu-item dropdown dropdown-submenu"> |
− | <ul class="dropdown-menu">
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Level 2</a> |
− | <li><a href="#">Dropdown Submenu Link 4.1</a></li>
| + | <ul class="dropdown-menu"> |
− | <li><a href="#">Dropdown Submenu Link 4.2</a></li>
| + | <li> |
− | <li><a href="#">Dropdown Submenu Link 4.3</a></li>
| + | <a href="#">Link 3</a> |
− | <li><a href="#">Dropdown Submenu Link 4.4</a></li>
| + | </li> |
− | </ul>
| + | </ul> |
− | </li>
| + | </li> |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Link 5</a> | + | </ul> |
− | <ul class="dropdown-menu">
| + | </li> |
− | <li><a href="#">Dropdown Submenu Link 5.1</a></li>
| + | </ul> |
− | <li><a href="#">Dropdown Submenu Link 5.2</a></li>
| + | </li> |
− | <li><a href="#">Dropdown Submenu Link 5.3</a></li>
| + | </ul> |
− | <li class="divider"></li>
| + | </div> |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4</a>
| + | </div> |
− | <ul class="dropdown-menu">
| + | </div> |
− | <li><a href="#">Dropdown Submenu Link 5.4.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.2</a></li>
| + | |
− | <li class="divider"></li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4.3</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.3</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4.4</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.3</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Link 1</a></li>
| + | |
− | <li><a href="#">Dropdown Link 2</a></li>
| + | |
− | <li><a href="#">Dropdown Link 3</a></li>
| + | |
− | <li class="divider"></li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Link 4</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 4.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 4.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 4.3</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 4.4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Link 5</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.3</a></li>
| + | |
− | <li class="divider"></li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.2</a></li>
| + | |
− | <li class="divider"></li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4.3</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.3</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.3.4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Submenu Link 5.4.4</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.1</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.2</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.3</a></li>
| + | |
− | <li><a href="#">Dropdown Submenu Link 5.4.4.4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div><!-- /.navbar-collapse -->
| + | |
− | </nav>
| + | |
| <!-- <nav class="navbar navbar-default navbar-fixed-top"> | | <!-- <nav class="navbar navbar-default navbar-fixed-top"> |
| <div class="container"> | | <div class="container"> |