Difference between revisions of "Template:Freiburg/MenubarTest"

Revision as of 09:05, 16 September 2015

""

@@ Line 440: / Line 440: @@
 @media screen and (max-width: 849px){
-#header{
-  top: -9000px;
-  opacity: 0;
-}
 }
 </style>
+<script type="text/javascript">
+    $(function() {
-<!------------- BEGIN: jQuery ------------->
+        $("document").ready(function(){
-        <script type="text/javascript">
-            $(function() {
-                $("document").ready(function(){
 // make submenus appear //
-                    $("#home").hover(function(){
+            $("#home").hover(function(){
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    });
+            });
-                    $("#project").hover(function(){
+            $("#project").hover(function(){
-                        $("#project-sub") .show();
+                $("#project-sub") .show();
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                    });
+            });
-                    $("#team").hover(function(){
+            $("#team").hover(function(){
-                        $("#team-sub") .show();
+                $("#team-sub") .show();
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                    });
+            });
-                    $("#results").hover(function(){
+            $("#results").hover(function(){
-                        $("#results-sub") .show();
+                $("#results-sub") .show();
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    });
+            });
-                    $("#policy").hover(function(){
+            $("#policy").hover(function(){
-                        $("#policy-sub") .show();
+                $("#policy-sub") .show();
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                    });
+            });
-                    $("#notebook").hover(function(){
+            $("#notebook").hover(function(){
-                        $("#notebook-sub") .show();
+                $("#notebook-sub") .show();
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    });
+            });
 // make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
-                    $("#project-sub") .hover(function(){
+            $("#project-sub") .hover(function(){
-                        $("#runningchip") .css('left','18.6%');
+                $("#runningchip") .css('left','18.6%');
-                        $("#project-sub") .show();
+                $("#project-sub") .show();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#runningchip") .css('left','');
+                $("#runningchip") .css('left','');
-                        $("#project-sub") .hide();
+                $("#project-sub") .hide();
-                    });
+            });
-                    $("#team-sub") .hover(function(){
+            $("#team-sub") .hover(function(){
-                        $("#runningchip") .css('left','35.5%');
+                $("#runningchip") .css('left','35.5%');
-                        $("#team-sub") .show();
+                $("#team-sub") .show();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#runningchip") .css('left','');
+                $("#runningchip") .css('left','');
-                        $("#team-sub") .hide();
+                $("#team-sub") .hide();
-                    });
+            });
-                    $("#results-sub") .hover(function(){
+            $("#results-sub") .hover(function(){
-                        $("#runningchip") .css('left','52%');
+                $("#runningchip") .css('left','52%');
-                        $("#results-sub") .show();
+                $("#results-sub") .show();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#runningchip") .css('left','');
+                $("#runningchip") .css('left','');
-                        $("#results-sub") .hide();
+                $("#results-sub") .hide();
-                    });
+            });
-                    $("#policy-sub") .hover(function(){
+            $("#policy-sub") .hover(function(){
-                        $("#runningchip") .css('left','68.9%');
+                $("#runningchip") .css('left','68.9%');
-                        $("#policy-sub") .show();
+                $("#policy-sub") .show();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#runningchip") .css('left','');
+                $("#runningchip") .css('left','');
-                        $("#policy-sub") .hide();
+                $("#policy-sub") .hide();
-                    });
+            });
-                    $("#notebook-sub") .hover(function(){
+            $("#notebook-sub") .hover(function(){
-                        $("#runningchip") .css('left','85.5%');
+                $("#runningchip") .css('left','85.5%');
-                        $("#notebook-sub") .show();
+                $("#notebook-sub") .show();
-                    },
+            },
-                                             function(){
+                                     function(){
-                        $("#runningchip") .css('left','');
+                $("#runningchip") .css('left','');
-                        $("#notebook-sub") .hide();
+                $("#notebook-sub") .hide();
-                    });
+            });
-                });
+        });
-            })
+    })
-        </script>
+</script>