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) -->
     <script type="text/javascript">
     <script type="text/javascript">
-
        $(document).ready(
+
      $(document).ready(function(){
-
            function(){
+
-
                $("ul.subnav").parent().find("> a").append("");
+
-
                $("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 20:57, 22 June 2012


Header

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