Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 14: Line 14:
<!-- Sexy Drop Down (drop down navigation) -->
<!-- Sexy Drop Down (drop down navigation) -->
   <html>
   <html>
-
  <script type="text/javascript">
+
    <script type="text/javascript">
-
      $(document).ready(function(){
+
        $(document).ready(
 +
            function(){
 +
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
 +
                $("ul.topnav li").hover(
 +
                    function() {
 +
                        // Hover over
 +
                        $(this).parent().find("ul.subnav").hide();
 +
                        $(this).find("ul.subnav").show();
 +
                        // Hover out
 +
                        $(this).hover(
 +
                            function() {
 +
                            },
 +
                            function(){
 +
                                $(this).find("ul.subnav").hide();
 +
                            }
 +
                        );
 +
                    },
 +
                    function(){
 +
                        $(this).find("ul.subnav").hide();
 +
                    }
-
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
+
                );
-
+
            }
-
$("ul.topnav li span").click(function() { //When trigger is clicked...
+
        );
-
+
-
//Following events are applied to the subnav itself (moving subnav up and down)
+
-
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
+
-
 
+
-
$(this).parent().hover(function() {
+
-
}, function(){
+
-
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
+
-
});
+
-
 
+
-
//Following events are applied to the trigger (Hover events for the trigger)
+
-
}).hover(function() {
+
-
$(this).addClass("subhover"); //On hover over, add class "subhover"
+
-
}, function(){ //On Hover Out
+
-
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
+
-
});
+
-
 
+
-
});
+
     </script>
     </script>
</html>
</html>

Revision as of 21:03, 22 June 2012


Header

Retrieved from "http://2012.igem.org/Team:UPIBI-Mexico/Templates/Main"