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

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,#menu3,#menu4,#menu5").hover(
+
 
         function(){
 
         function(){
−
             $("#submenu").css("height", "45px");
+
a = 2;
−
            },
+
             });
 +
    $("#menu3").hover(
 
         function(){
 
         function(){
−
             $("#submenu").css("height", "0");
+
a = 3;
−
         });
+
             });
−
       
+
    $("#menu4").hover(
−
     $("#submenu").hover(
+
        function(){
 +
a = 4;
 +
            });
 +
    $("#menu5").hover(
 +
         function(){
 +
    a = 5;
 +
            });  
 +
 +
     $("#submenuwrapper").hover(
 
         function(){
 
         function(){
 
             $("#submenu").css("height", "45px");
 
             $("#submenu").css("height", "45px");
−
            },
+
switch(a){
−
        function(){
+
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,#sub2").hover(
+
 
−
        function(){
+
$("#menu2,#menu3,#menu4,#menu5").hover(
−
            $("#menu2").css("color", "#9DC671");
+
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;
−
        function(){
+
case 3:
−
            $("#menu2").css("color", "#004415");
+
    $("#menu3").css("color", "#9DC671");
−
            $("#sub2").css("display", "none");
+
−
        });
+
−
    $("#menu3,#sub3").hover(
+
−
        function(){
+
−
            $("#menu3").css("color", "#9DC671");
+
 
             $("#sub3").css("display", "block");
 
             $("#sub3").css("display", "block");
−
            },
+
break;
−
        function(){
+
case 4:
−
            $("#menu3").css("color", "#004415")
+
    $("#menu4").css("color", "#9DC671");
−
            $("#sub3").css("display", "none");
+
−
        });
+
−
    $("#menu4,#sub4").hover(
+
−
        function(){
+
−
            $("#menu4").css("color", "#9DC671");
+
 
             $("#sub4").css("display", "block");
 
             $("#sub4").css("display", "block");
−
            },
+
break;
−
        function(){
+
case 5:
−
            $("#menu4").css("color", "#004415")
+
        $("#menu5").css("color", "#9DC671");
−
            $("#sub4").css("display", "none");
+
−
        });
+
−
    $("#menu5,#sub5").hover(
+
−
        function(){
+
−
            $("#menu5").css("color", "#9DC671");
+
 
             $("#sub5").css("display", "block");
 
             $("#sub5").css("display", "block");
−
            },
+
break;
−
        function(){
+
}
−
            $("#menu5").css("color", "#004415")
+
    $("#submenu").css("height", "45px");
−
            $("#sub5").css("display", "none");
+
},
−
        });      
+
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