title: Can't toggle from right to left Jquery
body: <p>I have two icons (Bootstraps Glyphicon) which are places as</p>
  
  <p>1 : Menu Which as left of screen
     2 : Gift which is at the right of the screen.</p>
  
  <p>When Clicked on <code>Menu</code> the toggle appears from <code>Left to Right</code>. This works fine.
  But when the <code>Gift</code> is clicked it appears in some weird position as shown in the image with the name <code>Suraj Palwe</code> <em>This is at left part of the image</em>. I want this to appear from right of the screen to moving towards the left as per the width of <code>div</code>.</p>
  
  <p>This is the image how it looks.<img src="https://i.stack.imgur.com/MH6GQ.png" alt="Image">
  <a href="http://jsfiddle.net/surajpalwe/0efpcxaa/" rel="nofollow noreferrer">JSfiddle</a></p>
  
  <p>This is the what I have written in my code</p>
  
  <p><code>style</code></p>
  
  <pre><code>.slide_birthday_click{
            margin-top: 2%;
            padding: 5px;
  
            background: grey;
            height: auto;
            display:none;
            position:absolute;
            z-index: 5;
            float: right;
          }
  </code></pre>
  
  <p><code>in html body</code></p>
  
  <pre><code>&lt;div class="slide_birthday_click"&gt;
          &lt;table class="table"&gt;
            &lt;tr&gt;
              &lt;td&gt;Suraj Palwe&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;span class="glyphicon glyphicon-gift" style="float:right;" id="today_birthdays"&gt;&lt;/span&gt;
  </code></pre>
  
  <p><code>The Jquery Part</code></p>
  
  <pre><code>$("#today_birthdays").click(function(){
          $(".slide_birthday_click").toggle("slide",{direction:'right'},2000);
        });
  </code></pre>
  
  <p>I want that Block Which contains the word <code>Suraj Palwe</code> to right of the screen as it toggles from <code>right to left</code>. </p>
  
  <p><img src="https://i.stack.imgur.com/bbsr2.png" alt="This is the snap shot of js fiddle"></p>
  
  <p><strong>I am not getting where I am doing wrong in my code</strong>. Thanks in advance!</p>