IE 8 not executing JQUERY slideDown/Up() Properly
<p>I'm trying to apply jquery functions to a drop down menu and for some reason it only works with Firefox 3.5.7.  Below is the HTML for the Dropdown Menu:</p>

<pre><code>&lt;select name="Delivery" id="Delivery" class="pulldown" tabindex="24"&gt;
    &lt;option id="pick_up" value="Pick up"&gt;Pick up&lt;/option&gt;
    &lt;option id="mail" value="First Class Mail"&gt;First Class Mail&lt;/option&gt;
    &lt;option id="fax_mail" value="Fax and Mail"&gt;Fax and Mail&lt;/option&gt;
    &lt;option id="fedex" value="FedEx"&gt;FedEx&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Here's the jquery for the above:</p>

<pre><code>$(document).ready(function() {
$("#mail").click(function() {
$("#rec_address").slideDown("slow");
$("#faxnumber").slideUp("slow");
$("#pmtmethod").slideUp("slow");
    }
);
});

$(document).ready(function() {
$("#fax_mail").click(function() {
$("#faxnumber").slideDown("slow")
$("#rec_address").slideDown("slow");
$("#pmtmethod").slideUp("slow");
    }
);
});

$(document).ready(function() {
$("#fedex").click(function() {
$("#pmtmethod").slideDown("slow")
$("#rec_address").slideDown("slow");
$("#faxnumber").slideUp("slow");
    }
);
});

$(document).ready(function() {
$("#pick_up").click(function() {
$("#pmtmethod").slideUp("slow")
$("#rec_address").slideUp("slow");
$("#faxnumber").slideUp("slow");
    }
);
});
</code></pre>

<p>The above JQUERY works very very well with Firefox but does not work at all with any other browser.  I'm only concerned with IE though so if you all have absolutely any idea how to make this work please let me know....I'm desperate!!!  :(  THanks and hope you all have a great week.</p>
