jquery show div after selecting option in form select
<p>I want to show a div after clicking one of the options in a select form.
How can I do this? Below my code that won't work.</p>

<p>thanks</p>

<pre><code>&lt;div class="type-select" style="width:500px;"&gt;
&lt;select name="rechten" id="rechten"&gt;
  &lt;option value="MYSET"&gt;&lt;?php echo $lang-&gt;str("txt_myset"); ?&gt;&lt;/option&gt;
      &lt;option value="FULL"&gt;&lt;?php echo $lang-&gt;str("txt_full"); ?&gt;&lt;/option&gt;
      &lt;option value="PAY" id="show_pay"&gt;&lt;?php echo $lang-&gt;str("txt_pay"); ?&gt;&lt;/option&gt;
      &lt;option value="NULL"&gt;&lt;?php echo $lang-&gt;str("txt_null"); ?&gt;&lt;/option&gt;                 
&lt;/select&gt;
&lt;/div&gt;


&lt;div id="pay_block" style="width:500px;display:none;position:relative;"&gt;
&lt;?php print($lang-&gt;str("txt_price")); ?&gt;: 
&lt;div class="type-text" &gt;
  &lt;textarea name="prijs" cols="140" id="prijs" style="height:18px"&gt;&lt;/textarea&gt;  
&lt;/div&gt;      
&lt;/div&gt;


&lt;script&gt;
$("select#show_pay").click(function(){
    $("#pay_block").slideToggle("slow");
});
&lt;/script&gt;   
</code></pre>
