Hallo Codekicker,

wie bekomme ich es hin das ein bereits geöffnetes Accordion-Element nicht geschlossen wird wenn ein weiteres ausgewählt wird?

hier mein bisheriger code:

<script>
$(document).ready( function() {
 $('.toggle_post').hide();
 $('.toggle_head').click( function() {
  var trig = $(this);
  if ( trig.hasClass('toggle_active') ) {
   trig.next('.toggle_post').slideToggle('800');
   trig.removeClass('toggle_active');
  } else {
   $('.toggle_active').next('.toggle_post').slideToggle('slow');
   $('.toggle_active').removeClass('toggle_active');
   trig.next('.toggle_post').slideToggle('800');
   trig.addClass('toggle_active');
  };
 return false;
 });
});
</script>

mit freundlichen gruß

Tom

Für jQuery-UI-Accordion ist keine Unterstützung dieses verhaltens geplant, jedoch wird derzeit an jQuery-UI-Panel gearbeitet was als neue Basis für jQuery-UI-Accordion dienen soll. In diesem wird dann diese Verhalten unterstützt. Ich nehm aber nicht an das du so lange warten willst ;)

Das was du suchst, gibt es als fertiges Plugin jquery-multi-open-accordion welches zudem jQuery-UI/Themenroller kompatible ist.

Falls du den IE < 8 verwendest, musst du aber eine kleine korrektur machen, da der IE hier manchmal ein Darstellungsproblem hat.

// private helper method that used to show tabs 
_hideTab: function ($this) {
  var $span = $this.children('span.ui-icon');
  var $div = $this.next();
  var options = this.options;
  $this.removeClass('ui-state-active ui-corner-top').addClass('ui-state-default ui-corner-all');
  $span.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
  $div.hide();
//            slideUp('fast', function () {
//                $div.removeClass(options._classes.divActive);
//            });
  var ui = {
      tab: $this,
      content: $this.next('div')
  }
  this._trigger('tabHidden', null, ui);
},