$(function() {  
    // Accordion
    $("#accordion").accordion({ header: "h3", autoHeight: false, collapsible: true, navigation: true,animated:'customslide'});

    $.extend($.ui.accordion.animations, {
      customslide: function(options) {
        $.ui.accordion.animations.slide(options, { duration: 500 }); }
      });
});