Accordion: Höhe ncht anpassbar

[Raynaldo]

Hallo,

ich habe ein Accordion (j_accordion.html5) auf folgender Seite:

http://www.lore-lorentz-schule.de/ansprechpartner.html

Leider scheint sich die Höhe aller Inhalte dem höchsten Inhalt der Seite anzupassen. Nach ein wenig Recherche habe ich gesehen, dass man das über bestimmte Einträge regeln kann:

(function($) {
  $(document).ready(function() {
    $(document).accordion({
      // Put custom options here
      	autoHeight: false,
      	header:'div.toggler',
		active: false,
		collapsible: true
    });

(siehe auch Quelltext der Seite)

Trotzdem funktioniert es nicht (Systemwartung habe ich auch schon ausgeführt).

Hat jemand einen Tipp, wo ich noch ansetzen kann?

Vielen Dank und viele Grüße
Ray

[halofei]

Probier mal die Optionen heightStyle: "content", autoHeight: false, clearStyle: true.
Welche genau mit rein muss und welche nicht, kann ich dir nicht sagen. Teste einfach mal durch.

[wulf]

Normalerweise reicht

 heightStyle: 'content'

, aber bei deiner Seite ist die Höhe auch inline gestyled:

<div class="accordion ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" id="ui-accordion-1-panel-0" aria-labelledby="ui-accordion-1-header-0" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block; height: 1840px;"><div>

das müsste dann auch geändert werden.

[Raynaldo]

Hallo ihr beiden,

vielen Dank, das hat geholfen.

(...) aber bei deiner Seite ist die Höhe auch inline gestyled:

<div class="accordion ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" id="ui-accordion-1-panel-0" aria-labelledby="ui-accordion-1-header-0" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block; height: 1840px;"><div>

das müsste dann auch geändert werden.

Ja, den habe ich auch gesehen. Frage mich nur, wo der her kommt und wie ich den raus nehme. Das habe ich nämlich nicht gefunden.

Viele Grüße
Ray