Abschnitte mit Accordion

Infos: Accordion im Kochbuch

Installation

Laden Sie accordion.php Δ herunter , kopieren Sie es in Ihren Cookbook-Ordner und installieren Sie es wie gewohnt in der config.php oder einer Seiten- oder Gruppen-PHP-Datei durch Hinzufügen von:

include_once('cookbook/accordion.php');

Konfiguration accordion.php

Fügen Sie die Konfigurationseinstellungen vor dem Einbinden der Skriptdatei hinzu!

Sie können Klassennamen für die Div-Abschnitte und die Links festlegen:

$AccordionConfig['class'] = 'mycustomclass'; Der Standardabschnittsklassenname ist acc. $AccordionConfig['a-class'] = 'mylinkclass'; Der Standardname der Link-Klasse ist acclink. Für dieses Rezept sind keine Stilattribute vorgesehen, erstellen Sie Ihre eigenen!

Das Standardverhalten, bei dem alle Abschnitte außer dem durch Anklicken des Links in der Kopfzeile ausgewählten ausgeblendet werden, kann geändert werden, sodass bereits geöffnete Abschnitte geöffnet bleiben:

$AccordionConfig['show'] = 1; Geöffnete Abschnitte bleiben geöffnet. Standardwert ist 0 . $AccordionConfig['a-jump'] = 1; Durch Klicken auf den Akkordeon-Link wird dieser oben im Fenster platziert. Standardmäßig ist der Wert 0 , d. h. das Klicken auf den Link verschiebt die Scrollposition des Fensters nicht.

Verwendung

Erstellen Sie Akkordeonabschnitte mithilfe von div-Markup mit der Klasse acc (oder Ihrer benutzerdefinierten Klasse, die in der Konfiguration angegeben ist). Erstellen Sie direkt über jedem Abschnitt eine Kopfzeile (mit Standard-Kopfzeilen-Markup beliebiger Ebene) mit einem Akkordeon -Link-Markup wie [[## Section Heading]].

Akkordeon-Linkformat:

link text Verwenden Sie entweder Header-Markup plus Akkordeon-Link-Markup, wie zum Beispiel

Section Heading

oder Wiki-ähnliche Formatierung plus Akkordeon-Link-Formatierung, wie zum Beispiel

Section Header nicht Header plus Style plus Akkordeon-Markup.

Code Beispiel:

Alles zwischen >>acc<< wird eingeklappt dargestellt >><<

Beispiel

Abschnitt 1

Abschnitt 2

Abschnitt 3