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. Wie ...

Get JavaScript MISSING MANUAL now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.