Difference between revisions of "Template:Bielefeld-CeBiTec/Header"

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">

Revision as of 15:27, 15 September 2015

iGEM Bielefeld 2015