Template:Team:TU Eindhoven/Menu HTML

<script> $(document).ready(function() {

   $("#twitter_logo,#twitter").hover(
       function(){
           $("#twitter").css("display", "initial");
           },
       function(){
           $("#twitter").css("display", "none");
       });
       
   $("#facebook_logo,#facebook").hover(
       function(){
           $("#facebook").css("display", "initial");
           },
       function(){
           $("#facebook").css("display", "none");
       });        


   $("#menu2,#menu3,#menu4,#menu5").hover(
       function(){
           $("#submenu").css("height", "45px");
           },
       function(){
           $("#submenu").css("height", "0");
       });
       
   $("#submenu").hover(
       function(){
           $("#submenu").css("height", "45px");
           },
       function(){
           $("#submenu").css("height", "0");
       });
       
   $("#menu2,#sub2").hover(
       function(){
           $("#menu2").css("color", "#9DC671");
           $("#sub2").css("display", "block");
           },
       function(){
           $("#menu2").css("color", "#004415");
           $("#sub2").css("display", "none");
       });
   $("#menu3,#sub3").hover(
       function(){
           $("#menu3").css("color", "#9DC671");
           $("#sub3").css("display", "block");
           },
       function(){
           $("#menu3").css("color", "#004415")
           $("#sub3").css("display", "none");
       });
   $("#menu4,#sub4").hover(
       function(){
           $("#menu4").css("color", "#9DC671");
           $("#sub4").css("display", "block");
           },
       function(){
           $("#menu4").css("color", "#004415")
           $("#sub4").css("display", "none");
       });
   $("#menu5,#sub5").hover(
       function(){
           $("#menu5").css("color", "#9DC671");
           $("#sub5").css("display", "block");
           },
       function(){
           $("#menu5").css("color", "#004415")
           $("#sub5").css("display", "none");
       });        
          

}); </script> <script>!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");</script> <script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>


<a class="twitter-timeline" height="400px" width="350px" href="https://twitter.com/Eindhoven_iGEM" data-widget-id="590096851745054720"></a>