• User Attivo

    Creare un menu con "animatedcollapse.js"

    Sto cercando di ricreare un menu simile a questo

    http://www.zaum.co.uk/about.htm

    Non riesco ad applicare l'effetto a piu di una voce.

    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="animatedcollapse.js"></script>
    <link href="../form2.css" rel="stylesheet" type="text/css" />
    
    </head>
    <body>
    
    <li><a href="java-script:collapse2.slideit()">Web design</a></li>
    <div id="cat">
    <div style="padding: 0 5px">
      <p align="center" class="Stile1">QUESTO DIV PRENDE LE DIMENSIONI <br />
        A SECONDA DEL CONTENUTO DEL DIV </p>
      </div>
      </div>
    
    <li><a href="java-script:collapse1.slideit()">Web design</a></li>
    <div id="cat">
    <div style="padding: 0 5px">
      <p align="center" class="Stile1">QUESTO DIV PRENDE LE DIMENSIONI <br />
        A SECONDA DEL CONTENUTO DEL DIV </p>
      </div>
      </div>
      
      
      
      <script type="text/javascript">
    var collapse2=new animatedcollapse("cat", 500, true)
    
    </script>
      
      <script type="text/javascript">
    var collapse1=new animatedcollapse("cat", 500, true)
    
    </script>
    
    
    
    </body>
    </html>