User:Vinoo/2014Design6

From 2014.igem.org

(Difference between revisions)
m
m
Line 67: Line 67:
#loginBar ul li {position:relative;list-style:none;cursor:pointer; display: table-cell;}
#loginBar ul li {position:relative;list-style:none;cursor:pointer; display: table-cell;}
#loginBar ul li ul {position:absolute;left:0;right:0;}
#loginBar ul li ul {position:absolute;left:0;right:0;}
-
#loginBar ul .clicker {position:relative;color:#FFF;}
+
#loginBar ul .dropToggle {position:relative;color:#FFF;}
-
#loginBar ul .clicker:hover,.click-nav ul .active {background:#ccc;}
+
#loginBar ul .dropToggle:hover, #loginBar ul .active {background:#ccc;}
#loginBar ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
#loginBar ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;color:#333;text-decoration:none;}
-moz-transition:background-color 0.2s ease-in-out;display:block;color:#333;text-decoration:none;}
Line 85: Line 85:
     <ul class="no-js">
     <ul class="no-js">
         <li>
         <li>
-
             <a href="#" class="clicker">iGEM 2014</a>
+
             <a href="#" class="dropToggle">iGEM 2014</a>
             <ul>
             <ul>
                 <li><a href="#">Dashboard</a></li>
                 <li><a href="#">Dashboard</a></li>
Line 95: Line 95:
         </li>
         </li>
         <li>
         <li>
-
             <a href="#" class="clicker">wiki tools</a>
+
             <a href="#" class="dropToggle">wiki tools</a>
             <ul>
             <ul>
                 <li><a href="#">Dashboard</a></li>
                 <li><a href="#">Dashboard</a></li>
Line 114: Line 114:
$(document).on("click", function(e) {
$(document).on("click", function(e) {
var $elem = $(e.target);
var $elem = $(e.target);
-
if ($elem.hasClass('clicker')) {
+
if ($elem.hasClass('dropToggle')) {
$('#loginBar .js ul').not($elem.next('ul')).hide();
$('#loginBar .js ul').not($elem.next('ul')).hide();
$elem.next("ul").slideToggle();
$elem.next("ul").slideToggle();

Revision as of 16:31, 27 January 2014