[Résolu] Menu accordeon JQuery ui + fonction animate()

Bonjour,

J'ai mis en place un menu vertical accordeon.
Par défaut, celui-fait 25% en largeur de la colonne.
Je souhaite qu'à l'évènement click, le sous-menu s'ouvre et prenne 100% de la colonne.
J'ai regardé la fonction animate() mais n'arrive pas à l'appliquer à mon cas.

  // accordion menu
  $("#sticky-nav .sticky-sub-nav:not('.open_at_load')").hide(); 
  
  $('#sticky-nav li.toggle-sub-nav span').each( function () {
    $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + $(this).text() + '<\/a>') ;
  });
  
  $('#sticky-nav li.toggle-sub-nav > a').click( function () {
      // Si le sous-menu était déjà ouvert,' on le referme :
      if ($(this).next('.sticky-sub-nav:visible').length != 0) {
          $(this).next('.sticky-sub-nav').slideUp('normal', function () { $(this).parent().removeClass('open') });
      }
      else {
          $('#sticky-nav .sticky-sub-nav').slideUp('normal', function () { $(this).parent().removeClass('open') });
          $(this).next('.sticky-sub-nav').slideDown('normal', function () { $(this).parent().addClass('open') });
      }
      return false;
  });

Merci pour votre aide,

Bonne après-midi.

Utilisation de JQuery UI pour l'effet "size".