ciao a tutti. ho un problema con jquery: ho questo codice qui:

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html><head>



<title>Titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {margin: 0; padding: 0;}

body {color: rgb(25, 45, 107);}

div#container {margin: 0 auto; width:850px;}
div#content {text-align: center;}
div#content p {font-size: 40pt;}
div#footer {margin-top: 70px; color: #848484; font-size: 10pt;font-family: Sans Serif;}
div#ft1 {float: left; width: 250px;}
div#ft2 { float: right; width: 370px;}


a img {border: none;}

div#footer {margin-top: 20px;}

</style>

<script type=”text/javascript” src=”jquery-1.3.2.js”></script>
<script type=”text/javascript”>

$(document).ready(function(){
  $("div#locandina2").hide()
  
  $("a#locandina2").click(function() {
    $("div#locandina1").hide();
    $("div#locandina2").show();
  });


});

</script>

</head>

<body>
<div id="container">
  [url="#"]Locandina1[/url] [url="#"]Locandina2[/url]
  <div id="content">
    <div id="locandina1">[img]Locandina 1.jpg[/img]</div>
    <div id="locandina2">[img]Locandina 2.jpg[/img]</div>
  </div>  
    <div id="footer">

      <div id="ft1">Copyright &copy; 2009</div>
      <div id="ft2">Ci trovi anche su:   [url="#"][img]logo_facebook.jpg[/img][/url] [url="#"][img]ico_flickr.png[/img][/url] [url="#"][img]ico_YouTube.png[/img][/url]</div>

    </div>
</div>


</body></html> 
ma il codice js non funziona... non mi nasconde il dive che dovrebbe nascondersi e i link non funzionano... quale potrebbe essere il problema??? eppure il file di jquery c'è sulla stessa cartella...

grazie mille per le risposte