• User

    Jquery: non mi riesce questo script

    Non capisco dove sbaglio, vorrei che cliccando sul ">>vai" si visualizzasse le specifiche dell'offerta; qualcuno mi può aiutare?
    Grazie

    
    
    
    <script>
    $(document).ready(function(){
        $('#sx #offerta > div').hide();
    
        $('#sx h3').click(function() {
             $(this).next().animate(
                {'height':'toggle'}, 'slow', 'easeOutBounce'
            );
        });
    });
    
    </script>
    
    </head>
    
    <body>
    
        <div id="testata">
        <a href="index.html"> <img src="images/logograf.png" alt="Graf: soluzioni per comunicare, studio grafico e tipografia digitale a Roma" /></a>
       <ul class="linkist">
            <li><a href="chi siamo.html">chi siamo</a></li>
       <li><a href="grafica.html">grafica</a></li>
       <li><a href="web.html">web</a></li>
       <li><a href="stampa.html">stampa</a></li>
       <li><a href="portfolio.html">portfolio</a></li>
       <li><a href="contatti.html">contatti</a></li></ul></div>
     <div id="contenuto">  
    <div id="contsx">
      <div id="sx">
        <h1>Le Offerte speciali di Graf per la Grafica.</h1>
          <h2>Graf ha studiato alcune offerte vantaggiose che riguardano sia la grafica che la stampa.</h2>
         <h4 span class="rosso">OFFERTE SPECIALI DI GRAFICA</h4>
         
         <div id="offerta">
         <h1>Progettazione e realizzazione grafica di un logo aziendale</h1>
          
    <h2>Studio e progettazione di un logo + carta intestata + busta + biglietto da visita.</h2>
    
          <h3> &gt;&gt;vai</h3>
           <div>
           <img src="images/visualPromo1.jpg" />       
           <p>dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj dgfgpifhdfjlgdfjhfòlkhj </p>
            </div>
         </div>  
       
         </div>
    
     </div>
     <div id="contdxoff">
    
     
     </div>
          <div id="dx">
          <ul class="menu">
          <li class="titolo">offerte speciali</li>
          <li><a href="#" class="menu">grafica</a></li>
          <li><a href="#" class="menu">stampa</a></li>
    </ul>
          
          <a href="preventivi.html" class="link">richiedi un preventivo</a>
          <a href=""><img src="images/news.png" alt="link news sulla comunicazione" /></a>
         
    
    
    </div><!-- #BeginLibraryItem "/Library/summary.lbi" --><ul id="summary">
    <li><a href="mission.html">la mission ?</a></li>
    <li><a href="">i nostri clienti ?</a></li>
    <li><a href="">grafica ?</a></li>
    <li><a href="">fotoritocco ?</a></li>
    <li><a href="">web ?</a></li>
    <li><a href="">stampa ?</a></li>
    <li><a href="">listino prezzi stampa ?</a></li>
    <li><a href="">invio file con FTP ?</a></li>
    <li><a href="">come inviarci i files  ?</a></li>
    <li><a href="">dove si trova GRAF ?</a></li>
    <li><a href="">come raggiungerci</a></li>
    </ul><!-- #EndLibraryItem --><div style="clear:both"></div>
    </div><!-- "/Library/footer.lbi" --><div id="footer"><p>Graf di Fabrizio De Filippi - Via Joyce 12, negozio 23 - 00143 Roma - P. Iva: 1040911058 - Cod. Fiscale: DFLFRZ71D28H501Q</p></div><!-- --></body>
    </html>
    
    ```css
    

    #sx { width:606px; border:2px solid #9F0139 ;margin:10px 0 0px 10px; text-align:left; }
    h1{margin-bottom:0px; font-weight:bold; padding-left:8px; width:520px; float:left; font-size:16px;}
    h2{font-size:14px; font-style:italic; padding-left:8px; width:580px; float:left; font-weight:normal; margin-bottom:0;}
    h3 {font-size:15px; font-style:italic; font-weight:600; background-color:#9F0139; color:#FFF; float:left;width:582px;padding-left:8px; margin-left:8px; }

    img {width:500px; margin:8px 45px 20px 45px;}
    h4 {margin-top:20px;}
    p {font-size:12px; line-height:18px; text-align:left;}