"
User:Vinoo/2014Design7
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 108: | Line 108: | ||
height: 100%; | height: 100%; | ||
margin: 0px auto; | margin: 0px auto; | ||
| + | opacity: 0; | ||
} | } | ||
.dropMenu li { | .dropMenu li { | ||
| Line 163: | Line 164: | ||
</ul> | </ul> | ||
<ul id="rightLinks"> | <ul id="rightLinks"> | ||
| - | <li>login</li> | + | <li class="loginToggle">login |
| + | <div class="dropMenu"> | ||
| + | <div class="dropMenuContainer container_16"> | ||
| + | <div class="grid_4"> | ||
| + | Fusce quis rhoncus quam. In eleifend commodo volutpat. Ut a porta nibh, ut gravida diam. Quisque at dolor eget massa dignissim molestie at ac leo. | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
<li> | <li> | ||
<div id="notify"> | <div id="notify"> | ||
| Line 179: | Line 188: | ||
<script> | <script> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| + | $('.loginToggle').click(function() { | ||
| + | if ($('.dropMenu').is(':visible')) { | ||
| + | $('.dropMenu', this).stop(true,true).slideUp('normal'); | ||
| + | $('.loginToggle').removeClass('active'); | ||
| + | } | ||
| + | else { | ||
| + | $('.dropMenu', this).stop(true,true).slideDown('normal'); | ||
| + | } | ||
| + | }); | ||
| + | |||
$('.dropToggle').hover(function() { | $('.dropToggle').hover(function() { | ||
$('.dropMenu', this).stop(true,true).slideDown('normal'); | $('.dropMenu', this).stop(true,true).slideDown('normal'); | ||
| Line 184: | Line 203: | ||
$('.dropMenu', this).stop(true,true).slideUp('normal'); | $('.dropMenu', this).stop(true,true).slideUp('normal'); | ||
}); | }); | ||
| + | |||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 13:37, 28 January 2014
