[jQuery] Slickbox hide

Hi,
I am trying to hide various divs with one function. It works in
firefox, but not in IE. Or perhaps there is a better solution? I have
tried about 6 forums, but no one seems to have the answer. Can anyone
here help?
<script>
$(document).ready(function() {
    $('#slickbox').hide();
    $('a#slick-toggle').click(function() {
        var newHref = $(this).attr("href");
        $('#slickbox_' + newHref).toggle(400);
        return false;
    });
});
</script>
<a href="1" id="slick-toggle">Toggle the box</a>
<div id="slickbox_1">This is the box that will be shown and hidden and
toggled at your whim. :)</div>
<a href="2" id="slick-toggle">Toggle the box</a>
<div id="slickbox_2">This is the box that will be shown and hidden and
toggled at your whim. :)</div>