CleanCSSAnimation: SlideToggle || Normales jQuery SlideToggle

Box1:1
Diese Box hat auf dem Screen eine Höhe von 120px. Beim Druck wollen wir aber Platz und Papier sparen - auch nach einer Animation.

Box2:1
Diese Box soll im Druck nie angezeigt werden (auch nach hide und show). (Die Boxen 1,3, 4 und 6 dagegen immer.)

Box32:
Wenn wir eine Animation ausgeführt haben (hide und dann wieder show), wollen wir dass die Boxen sich mit der Schrift weiterhin vergrössern/verkleinern. (Seit jQuery 1.04 funktioniert dies auch ohne Plugin)

Box4:
Manchmal soll der Inhalt bei Sprachausgabe auch dann vorgelesen werden, wenn er auf dem Screen nicht angezeigt wird.

Box5:
Diese Box soll ausgedruckt/vorgelesen werden, wenn sie auf dem Screen angezeigt wird, ansonsten aber ebenfalls ausgeblendet sein. Das ist das normale fx-Verhalten.

Box6:
Diese Box wird angezeigt, wenn die anderen ausgeblendet werden. Nichts besonderes nur ein Funktionstest.

Achtung das Vertauschen des "Toggels" wird nicht unterstützt. Es ist also nicht möglich mit dem CleanCSSAnimation-Plugin zu verstecken (hide) und mit dem normalen SlideToggle wieder anzuzeigen (show). Das selbe gilt für den umgekehrten Fall. Vom Ausgangszustand (Box 1-5 wird angezeigt) kann natürlich gewechselt werden.

Zum Testen wird folgendes Vorgehen vorgeschlagen.

  1. Mit normalen SlideToggle verbergen (einmal Drücken): dann die Druckvorschau angucken/die Screenreaderausgabe anhören.
  2. Wieder mit normalen SlideToggle anzeigen (nochmal Drücken): dann Druckversion angucken/die Screenreaderausgabe anhören, Text vergrössern/verkleinern etc.
  3. Wie 1. und 2. nur mit dem CleanCSSAnimation SlideToggle und Ausgabe vergleichen
  4. Rumspielen, Script runterladen, testen, Fehler melden, Script verbessern und zurückschicken :)

1.: Das Verhalten von Box1 und Box2 ließe sich auch mit der !important Anweisung realisieren.
2.: Seit jQuery 1.04 werden derartige unnötigen Höhenangaben wie bei Box3 entfernt.
1. und 2.: Box 1 bis 3 liesse sich auch mit dem AnimateClass Plugin lösen.