Difference between revisions of "Template:Team:TU Eindhoven/Menu HTML"

Revision as of 16:44, 2 May 2015

<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 id="menu1" href="#">Home</a>
       
        <a id="menu2" href="https://2015.igem.org/Team:TU_Eindhoven/Team">Team</a>
        <a id="menu3" href="https://2015.igem.org/Team:TU_Eindhoven/Project">Project</a>
        <a id="menu4" href="https://2015.igem.org/Team:TU_Eindhoven/Achievements">Achievements</a>
        <a id="menu5" href="https://2015.igem.org/Team:TU_Eindhoven/Modeling">Modeling</a>
        <img id="twitter_logo" src="twitter.png" />
        <img id="facebook_logo" src="facebook.png" />