Article

DEMO

Der Accordion-Effekt  JavaScriptDieses Accordion wird von Bootstrap bereit gestellt und es bedarf keiner Kenntnisse in JQuery um dieses innerhalb der WCMS anzuwenden. Dieses Element wird auf Webseiten immer populärer und interessanter. Es kann zum Beispiel per Klick auf eine Überschrift ein ausführlicher Text ein- oder ausgeblendet werden.

Der Effekt bietet eine interessante Optik und sorgt für optischen Platz auf einer Webseite.

Wie haben wir also den Accordion-Effekt innerhalb der Worldsoft CMS umgesetzt?

Generell gilt: JavaScript -Klassenbibliotheken wie "Bootstrap 3 unsw." sind bereits fester Bestandteil der Worldsoft CMS Sie brauchen diese nicht innerhalb der Kopfzeile einbinden.

Das hat zwei große Vorteile:

• Bootstrap ist bereits verfügbar und jQuery ist beim Besucher bereits geladen. Somit ist jQuery bereits im Cache des Besuchers und sofort verfügbar.
• Normalerweise wird direkt vom Worldsoft-Server schneller geladen, da es keine Beschränkung der gleichzeitig zu ladenden Dateien vom eigenen Webserver gibt.
  
  Zu diesem Tip benötigen Sie jedoch kein JQuery da dieses Akkordion ohne Script auskommt.
  
  Als weiteren Schritt haben wir einen Block angelegt - diesen zur Bearbeitung geöffnet.
  
  
• Klicken Sie nun auf den Button "Quellcode".
  
  
• Kopieren Sie den Inhalt des Fensters "CSS" aus unserer Demo und fügen Sie diesen unter Verwendung von Style Tags "<style></style>" mittels Copy Paste ein.
  ​Achten Sie unbedingt darauf das der Code zwischen den Style Tags geschrieben wird.
  
  
• Als nächsten Schritt kopieren Sie den Inhalt aus dem Fenster HTML nach dem geschlossenen Style Tag in ihren CMS Block.
  
  
• Klicken Sie erneut auf den Button "Quelltext" und speichern Sie ihren Block ab.
  
  Das wars bereits.
  ​Viel Spass mit diesem Tipp.