Problem bei mootools code für jquery umschreiben

[Fr3d]

Hi,

ich habe folgenden alten code:

window.addEvent('domready', function() {
      var activeParent = null;
      var myAccordion = new Fx.Accordion($$('.item'), $$('.hidden_content'), {
      display: -1,
      alwaysHide: true,
      onActive: function(toggler, element) {
      var size = element.getScrollSize();
      element.getParent('.group').morph({
      'padding-bottom': size.y+'px'
      });
      },
      onBackground: function(toggler, element) {
      if(element.getParent('.group') != activeParent) {
      element.getParent('.group').morph({
      'padding-bottom': '0px'
      });
      }
      },
      onComplete: function(toggler, element) {
      activeParent = null;
      }
      });

Diesen habe ich schon halbwegs gut in jquery umgeschrieben:
http://jsfiddle.net/kfcgg/14/

Das einzige problem ist, dass das eltern div "group" bei klick die höhe des kind elementes "toggle_container" bekommen soll, so das quasi beide syncron auf und zu sliden.
Wie kann man das bewerkstelligen?

 

[Fr3d]

Ich habe meinen code jetzt doch komplett verändert, allerdings öffnet sich jetzt jedes div mit der klasse "group".
http://jsfiddle.net/kfcgg/15/

Edit:War gerade am überlegen ob ich das so lösen könnte: $(this).closest('.group') aber so funktioniert dann nix mehr.
http://jsfiddle.net/kfcgg/31/

 

[Quaese]

Hi,

du könntest das HTML umstrukturieren, so dass sich die Höhe automatisch an die Höhe anpasst.

Beispiel: http://jsfiddle.net/Quaese/s8tRL/

Ciao
Quaese