title: JQuery-Mobile collapsible slideDown effect
body: <p>I want to add a <code>slideDown</code> or <code>slideUp</code> effect to a <code>div</code> with <code>data-role='collapsible'</code>, so it will not open at once but gradually. </p>
  
  <p>I have tried this:</p>
  
  <pre><code>$('#my-collapsible').live('expand', function() {      
      $('#my-collapsible .ui-collapsible-content').slideDown(2000);
  });    
  $('#my-collapsible').live('collapse', function() {
      $('#my-collapsible .ui-collapsible-content').slideUp(2000);
  });
  </code></pre>
  
  <p>But it still opens and closes without delay.</p>
  
  <p>Anyone knows how should I call those <code>slideDown</code> and <code>slideUp</code> methods?</p>