title: My side left menu is not working
body: <p>Im trying to devellop a side left menu, based on an example that I see on google, but when I click in my "Menu" to open the side menu, the menu dont opens.</p>
  
  <p>This is my html, where I have a div id="menu" that is my menu that I want to show in my side left menu.</p>
  
  <p>I also have a div id="content", that is a div that contains all of my content, I want to push this content to right When I click in my "Menu" to open the side left menu.</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;div id="menu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu Item 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu Item 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu Item 3&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt; 
  &lt;/div&gt;
  &lt;div id="content"&gt;
          &lt;div id="menubar"&gt;
              &lt;div id="open_menu"&gt;
                  Menu
              &lt;/div&gt;
          &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Below, is the jQuery, that opens my side left menu with a toggle slow elffect and change the text of my Menu to Menu for Close, when the menu is open.</p>
  
  <pre><code>$('#open_menu').toggle( 
      function() {
          $('#content').animate({ left: 250 }, 'slow', function() {
              $('#open_menu').html('Close');
          });
      }, 
      function() {
          $('#content').animate({ left: 0 }, 'slow', function() {
              $('#open_menu').html('Menu');
          });
      }
  );
  </code></pre>
  
  <p>Do you see where can be the problem?</p>
  
  <p>My fiddle with the problem:
  <a href="http://jsfiddle.net/3Gezv/" rel="nofollow">http://jsfiddle.net/3Gezv/</a></p>