IE issues using hide/show/toggle

IE issues using hide/show/toggle

have two images. I'd like to have them next to each other and then clicking on hide/show/toggle will of course, hide show toggle them.
works in chrome, works in ff. craps out in IE. but it was my impression that jquery would work in IE?
could I please get some advice on making this work in IE?
this is my code



html...
  1.             <div class="row-fluid">
                    <div class="span12">
                       
                       
                        <div id="theDivLeft" class="span6 offset4">
                            <img src="imgs/seekerTestSml.jpg">
                           
                           
                        </div>
                       
                        <div id="theDivRight" class="span6">
                            <img src="imgs/clientTestSml.jpg">
                        </div>
                       
                    <div class="span12">   
                        <button id="show">show</button>
                        <button id="hide">hide</button>
                        <button id="toggle">toggle</button>
                    </div>
                    </div>   
                </div>





















and juery
  1.         $(function(){
                $("#show").click(function(){
                    $("#theDivLeft").show(3000, function(){
                        alert("done with that");
                    });
                });
               
                $("#hide").click(function(){
                    $("#theDivLeft").hide("normal");
                });
               
                $("#toggle").click(function(){
                    $("#theDivleft").show("slow");
                });
               
            });