title: Jquery dialog sliding
body: <p><a href="http://jsfiddle.net/G5RP3/" rel="nofollow">http://jsfiddle.net/G5RP3/</a></p>
  
  <p>I have made a div be a dialog through jQuery UI. It is empty at the moment, but what I want to do is make it slide from left to center, from outside the window. What it does instead, is it slides like a drawer is opened. I think I am close, but not sure how to do it. </p>
  
  <p>JS</p>
  
  <pre><code>var speed = 2000;
  $(document).ready(function () {
      $('#loginmenu').dialog({
          show: {
              effect: 'slide',
              direction: 'left',
              speed: speed
  
          },
          hide: {
              effect: 'slide',
              direction: 'left',
              speed: speed
  
          },
          modal: true
      });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="loginmenu"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#loginmenu {
  }
  </code></pre>