Jquery: non mi riesce questo script

livia

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;}