title: Show left to right
body: <p>So I have problems with sliding from left to right div with display:none.</p>
  
  <pre><code>&lt;div class="second"&gt;
  &lt;li&gt;&lt;a id="sale_man" rel="showinfo"&gt;&lt;?php echo $lang['sale_man'];?&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="purch_man" rel="showinfo"&gt;&lt;?php echo $lang['purch_man'];?&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="load_man" rel="showinfo"&gt;&lt;?php echo $lang['load_man'];?&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="acc_man" rel="showinfo"&gt;&lt;?php echo $lang['acc_man'];?&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;
  &lt;div  class="third" style="display: none;" &gt;
  lolo&lt;/div&gt;
  
  $('#sale_man').click(function(){
       $('.third').show("slide", { direction: "right" }, 1000);
  });
  </code></pre>
  
  <p>So after clicking on id="sale_man" i need to slide div with class 3, but nothing happens..</p>