title: Slide toggle DIV from right to left
body: <p>I am trying to slide a DIV from right to left over another DIV. It works for the initial slide over, but it's the slide back that isn't working. It slides back right to left again to disappear, then I try to click the button again but it won't work after first open and close.</p>
  
  <p>My code to follow:</p>
  
  <pre><code>function changeFeat () {
      if(jQuery('#featartinside').css('display') == 'none') {
          jQuery('#featartinside').animate({
              width: 730,
              marginLeft: 1,
              marginRight: -730,
              display: 'toggle'
          }, 'slow');
      } else {
          jQuery('#featartinside').animate({
              width: -730,
              marginLeft: 1,
              marginRight: 730,
              display: 'toggle'
          }, 'slow');
      }
  }
  
  #featartban {
      position: relative;
      background: url(../images/featart.png) top left no-repeat;
      width: 54px;
      height: 279px;
      cursor: pointer;
      float: left;
      left: 730px;
      margin-bottom: -279px;
  }
  
  #featartinside {
      height: 279px;
      width: 0;
      margin-left: 730px;
      background: #D13630;
      float: left;
      margin-bottom: -279px;
  }
  </code></pre>
  
  <p>Like I said it works fine for opening, it's the closing that isn't working since it continues right to left instead of closing left to right. Then I can't get a second open and close.</p>
  
  <p>EDIT HTML:</p>
  
  <pre><code>&lt;div id="featartban" onclick="changeFeat(); return false;"&gt;&lt;/div&gt;
  &lt;div id="featartinside" style="display: none;"&gt;&lt;/div&gt;
  </code></pre>