Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
Line 6: Line 6:
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>  
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>  
-
 
+
<!--=========================================MENU ACORDEON============================================= --> 
<div id="menu">
<div id="menu">
     <h3>MENU</h3>
     <h3>MENU</h3>
Line 42: Line 42:
</div>
</div>
-
 
+
<!--Efectos para desplegar el Menu acordeon --> 
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
-
+
$("#menu ul li ul").hide();
-
//Menu desplegable
+
-
$("#menu ul li ul").hide();
+
$("#menu ul li span.current").addClass("open").next("ul").show();
$("#menu ul li span.current").addClass("open").next("ul").show();
$("#menu ul li span").click(function(){
$("#menu ul li span").click(function(){
Line 57: Line 55:
});
});
</script>
</script>
-
 
   
   
-
 
+
<style>
 +
.open {
 +
            position: relative;
 +
            height: 20px;
 +
            width: 400px;
 +
            background-color: green;
 +
         
 +
        }
 +
#menu {
 +
            position: relative;
 +
            height: 20px;
 +
            width: 400px;
 +
            background-color: blue;
 +
         
 +
        }
 +
<style>
</html>
</html>

Revision as of 14:48, 4 April 2011