Difference between revisions of "Team:Oxford/Templates/Navi"

Line 14: Line 14:
 
</head>
 
</head>
 
<body>
 
<body>
−
 
+
    <div class="dropdown">
−
<div class="container">
+
      <a class="dropdown-toggle" id="dropdownMenu1" href="#">Dropdown trigger</a>
−
  <div class="dropdown">
+
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
−
    <button class="btn btn-primary dropdown-toggle" id="menu1" type="button" data-toggle="dropdown">Dropdown Example
+
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
−
    <span class="caret"></span></button>
+
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
−
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
+
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
−
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
+
        <li role="presentation" class="divider"></li>
−
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
+
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
−
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
+
      </ul>
−
      <li role="presentation" class="divider"></li>
+
    </div>
−
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
+
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
−
    </ul>
+
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script>
−
  </div><br>
+
    <script>
−
  <p><strong>Note:</strong> The data-toggle="dropdown" attribute is required regardless of whether you call the dropdown() method.</p>
+
      $(document).ready(function() {
−
</div>
+
          $("a.dropdown-toggle").click(function(ev) {
−
 
+
              $("a.dropdown-toggle").dropdown("toggle");
−
<script>
+
              return false;
−
$(document).ready(function(){
+
          });
−
    $(".dropdown-toggle").dropdown();
+
          $("ul.dropdown-menu a").click(function(ev) {
−
});
+
              $("a.dropdown-toggle").dropdown("toggle");
−
</script>
+
              return false;
 +
          });
 +
      });
 +
    </script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:57, 20 July 2016

Dropdown trigger