title: jquery slideToggle direction
body: <p>I am trying to slide jquery .slideToggle but i am not able to add direction left to right or right to left on click of a div (nav). Please help me out, below is my code.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  
    &lt;style&gt;
  
    p { width:400px; float:right;background:#e4e4e4; margin:5px;padding:5px;}
  
    &lt;/style&gt;
  
    &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body style="font-size:10px; color:#333;"&gt;
  
    &lt;div style="width:50px; height:15px;float:right;background:#ccc;border:1px solid #333;text-align:center;"&gt;Nav&lt;/div&gt;
  
  
  
    &lt;p&gt;
  
      This is the paragraph to end all paragraphs.  You
  
      should feel &lt;em&gt;lucky&lt;/em&gt; to have seen such a paragraph in
  
      your life.  Congratulations!
  
    &lt;/p&gt;
  
  &lt;script&gt;
  
      $("div").click(function () {
  
        $("p").slideToggle("slow");
  
  
      });
  
  &lt;/script&gt;
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>I am new to jquery, help much appreciated.</p>