Collapsible Panel (v2)

Hello!

First thanks to stBorchert for that nice js.

I want to have nice collapse effect for panels. The goal of the js from stBorchert is to convert the panel title into a link that collapse and expand the panel.
But it seems there is a bug and stBorchert doesn't have much time atm to fix that. Maybe this js could be a starting point for a collapsible panel module.

I am using D6.8 and jquery.
What you habe to do is to load the js and (in panel creation) to name the panel css class (panels2) "collapsible".

The Bug: panel is collapsing but after that it will not expand anymore.

Here comes the script:

/**
 * Toggle the visibility of a panel using smooth animations
 */
Drupal.togglePanel = function(panel) {
  if ($(panel).is('.collapsed')) {
    // Action div containers are processed separately because of a IE bug
    // that alters the default submit button behavior.
    var content = $('> div:not(.action)', panel);
    $(panel).removeClass('collapsed');
    content.hide();
    content.slideDown( {
      duration: 'fast',
      easing: 'linear',
      complete: function() {
        Drupal.collapseScrollIntoView(this.parentNode);
        this.parentNode.animating = false;
        $('div.action', panel).show();
      },
      step: function() {
        // Scroll the fieldset into view
        Drupal.collapseScrollIntoView(this.parentNode);
      }
    });
  }
  else {
    $('div.action', panel).hide();
    var content = $('> div:not(.action)', panel).slideUp('fast', function() {
      $(this.parentNode).addClass('collapsed');
      this.parentNode.animating = false;
    });
  }
};
 
Drupal.behaviors.collapsePanel = function (context) {
  $('div.panel-pane.collapsible > h2:not(.collapse-processed)', context).each(function() {
    var panel = $(this.parentNode);
    // Expand if there are errors inside
    if ($('input.error, textarea.error, select.error', panel).size() > 0) {
      panel.removeClass('collapsed');
    }
 
    // Turn the h2 into a clickable link and wrap the contents of the panel
    // in a div for easier animation
    var text = this.innerHTML;
      $(this).empty().append($('<a href="#">'+ text +'</a>').click(function() {
        var panel = $(this).parents('div.panel-pane:first')[0];
        // Don't animate multiple times
        if (!panel.animating) {
          panel.animating = true;
          Drupal.togglePanel(panel);
        }
        return false;
      }))
      .after($('<div class="panel-wrapper"></div>')
      .append(panel.children(':not(h2):not(.action)')))
      .addClass('collapse-processed');
  });
};