Informationen in Tabbed Panels organisieren

Tabbed Panels bieten einen anderen Ansatz, um große Mengen an Inhalten auf einer kompakten Fläche darzustellen (siehe Abbildung 10-4). Zu jedem Tab gibt es einen entsprechenden Bereich. Ein Klick auf das Tab zeigt den Bereich und seinen Inhalt an. Tabbed Panels kommen zu einem ähnlichen Ergebnis wie ein Akkordeon, stellen die Tabs aber anders dar, nämlich direkt über dem Bereich. Mit einer weiteren jQuery UI-Komponente, dem Tabs-Plug-in, ist es leicht, Tabbed Panels in eine Seite einzubauen.

Dafür sind die folgenden Schritte erforderlich:

  1. Binden Sie die benötigten JavaScript-Dateien in Ihre Seite ein.

    Außer der jQuery-Bibliothek müssen Sie zwei weitere Dateien verknüpfen: ui.core.js und ui.tabs.js ...

Get JavaScript MISSING MANUAL now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial