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 . | + | #loginBar ul .dropToggle {position:relative;color:#FFF;} |
- | #loginBar ul . | + | #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=" | + | <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=" | + | <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(' | + | 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