Difference between revisions of "Template:Team:TU Eindhoven/Menu HTML"
Jan Willem (Talk | contribs) |
Jan Willem (Talk | contribs) |
||
Line 35: | Line 35: | ||
<script> | <script> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
+ | var a = 0; | ||
$("#twitter_logo,#twitter").hover( | $("#twitter_logo,#twitter").hover( | ||
function(){ | function(){ | ||
Line 50: | Line 51: | ||
$("#facebook").css("display", "none"); | $("#facebook").css("display", "none"); | ||
}); | }); | ||
− | + | ||
− | + | $("#menu2").hover( | |
− | $("#menu2 | + | |
function(){ | function(){ | ||
− | $("# | + | a = 2; |
− | + | }); | |
+ | $("#menu3").hover( | ||
function(){ | function(){ | ||
− | $("# | + | a = 3; |
− | }); | + | }); |
− | + | $("#menu4").hover( | |
− | $("# | + | function(){ |
+ | a = 4; | ||
+ | }); | ||
+ | $("#menu5").hover( | ||
+ | function(){ | ||
+ | a = 5; | ||
+ | }); | ||
+ | |||
+ | $("#submenuwrapper").hover( | ||
function(){ | function(){ | ||
$("#submenu").css("height", "45px"); | $("#submenu").css("height", "45px"); | ||
− | + | switch(a){ | |
− | + | case 2: | |
+ | $("#menu2").css("color", "#9DC671"); | ||
+ | break; | ||
+ | case 3: | ||
+ | $("#menu3").css("color", "#9DC671"); | ||
+ | break; | ||
+ | case 4: | ||
+ | $("#menu4").css("color", "#9DC671"); | ||
+ | break; | ||
+ | case 5: | ||
+ | $("#menu5").css("color", "#9DC671"); | ||
+ | break; | ||
+ | } | ||
+ | }, | ||
+ | function(){ | ||
$("#submenu").css("height", "0"); | $("#submenu").css("height", "0"); | ||
− | + | $("#menu2,#menu3,#menu4,#menu5").css("color", "#004415"); | |
− | + | }); | |
− | + | ||
− | + | $("#menu2,#menu3,#menu4,#menu5").hover( | |
− | + | function(){ | |
+ | $("#menu2,#menu3,#menu4,#menu5").css("color", "#004415"); | ||
+ | $("#sub2,#sub3,#sub4,#sub5").css("display", "none"); | ||
+ | switch(a){ | ||
+ | case 2: | ||
+ | $("#menu2").css("color", "#9DC671"); | ||
$("#sub2").css("display", "block"); | $("#sub2").css("display", "block"); | ||
− | + | break; | |
− | + | case 3: | |
− | + | $("#menu3").css("color", "#9DC671"); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
$("#sub3").css("display", "block"); | $("#sub3").css("display", "block"); | ||
− | + | break; | |
− | + | case 4: | |
− | + | $("#menu4").css("color", "#9DC671"); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
$("#sub4").css("display", "block"); | $("#sub4").css("display", "block"); | ||
− | + | break; | |
− | + | case 5: | |
− | + | $("#menu5").css("color", "#9DC671"); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
$("#sub5").css("display", "block"); | $("#sub5").css("display", "block"); | ||
− | + | break; | |
− | + | } | |
− | + | $("#submenu").css("height", "45px"); | |
− | + | }, | |
− | + | function(){ | |
+ | $("#menu2,#menu3,#menu4,#menu5").css("color", "#004415"); | ||
+ | $("#submenu").css("height", "0"); | ||
+ | }); | ||
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); | !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); |
Revision as of 15:38, 12 May 2015