title: jquery script not working in ie7
body: <p>I have the following jquery that I wrote:</p>
  
  <pre><code>$(document).ready(function(){
  
      $('div.contentTxtBox#home').addClass('current').show();
  
      $('a.menu').click(function() {
  
      $('div.contentTxtBox.current').hide("slide", { direction: "left" }, 700).removeClass('current');
      $('div.contentTxtBox#' + this.id).show("slide", { direction: "right" }, 700).addClass('current');
      $('a.menu.current').removeClass('current');
      $(this).addClass('current');
  
      return false;
  
      });
  
  });
  </code></pre>
  
  <p>Here's my CSS:</p>
  
  <pre><code>.contentTxtBox {
      padding:20px;
      width:321px;
      height:330px;
      background:#E0E0DB;
      position:absolute;
      display:none;
  }
  .contentTxtBox.current {
      display:block;
  }
  </code></pre>
  
  <p>So it's working in every browser except ie7. In addition to this .js, I'm also using bxslider.js and spry accordions js.</p>
  
  <p>Any suggestions? I'd be happy for it simply to appear, rather than slide across.</p>
  
  <p>Many TIA :-)</p>