title: jquery How to change cursor after animation?
body: <p>When I click on the div <code>#cart-button</code> and the animation has ended, the cursor has to change to normal instead of pointer and return to pointer when clicked again. (<code>cursor: pointer;</code> is the default style for the div in the CSS file).</p>
  
  <p>I tried to put <code>document.getElementById("cart-button").style.cursor="pointer";</code> after the <code>else</code> tag but I'm doing something wrong.</p>
  
  <p>The js code:</p>
  
  <pre><code>$(document).ready(function() {
      var expanded = false;
      $('#cart-button').click(function() {
          if (!expanded) {
              $(this).animate({ 'top' : '380px' }, { duration : 400 });
              expanded = true;
          }
          else {
              $(this).animate({ 'top' : '226px' }, { duration: 400 });
              expanded = false;
          }
      });
  });
  </code></pre>