Hallo,
wie ist es möglich, in einem WordPress Artikel eine "Klappbox" wie auf http://www.jamesblunt.com/audio/discogra…to-bedlam_1.htm zu sehen (auf Lyrics klicken) einzubauen?
Vielen Dank
Klappbox in Artikeln einbauen?
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
-
Danke für die beiden Links! Aber funktioniert das auch in einem WordPress Artikel?
Gegenfrage:
Nun, warum sollte ich dir Möglichkeiten anbieten, die in Wordpress gar nicht funktionieren?
-
Entweder ein jQuery-Accordion einbauen, oder:
Schau Dir einmal das Sliding-Notes-Plugin an. -
-
Antwort auf deine PN (könnte ja auch andere interessieren)
dieser Code aus den Tut.
Code
Alles anzeigen$(document).ready(function(){ [COLOR=#999999]//Hide (Collapse) the toggle containers on load[/COLOR] $(".toggle_container").hide(); [COLOR=#999999]//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)[/COLOR] $("h2.trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; [COLOR=#999999]//Prevent the browser jump to the link anchor[/COLOR] }); });gehört in script eingepackt und dann in die header.php vor dem schließenden </head>
sieht dann so aus
Code
Alles anzeigen<script type="text/javascript"> $(document).ready(function(){ $(".toggle_container").hide(); $("h2.trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); }); }); </script> -
einfügen kannst du die Lyrics dann ganz einfach
im Moment hast du ja das Leerzeichen drin
Code<td background="../xxxx/xxxxx/xxxxxxx">[COLOR=Red] [/COLOR]</td>das dann durch diesen Code ersetzen
Code<h2 class="trigger"><a href="#">Lyrics</a></h2> <div class="toggle_container"> <div class="block"> <h3>Liedtext</h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. </div></div>
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!