Сворачиваемый эффект slideDown JQuery-Mobile

Я хочу добавить slideDown или slideUp ] эффект div с data-role = 'collapsible' , поэтому он откроется не сразу, а постепенно.

Я пробовал это:

$('#my-collapsible').live('expand', function() {      
    $('#my-collapsible .ui-collapsible-content').slideDown(2000);
});    
$('#my-collapsible').live('collapse', function() {
    $('#my-collapsible .ui-collapsible-content').slideUp(2000);
});

Но все равно открывается и закрывается без задержки.

Кто-нибудь знает, как мне вызвать методы slideDown и slideUp ?