Forum

DynPG Forum

Foren

Login

Suchen

Forenübersicht - Allgemeines Forum - Absätze innerhalb eines Artikels auf- und zuklappen

Su

Beiträge: 416

Absätze innerhalb eines Artikels auf- und zuklappen
Hoi mitenand

Ich weiss leider nicht, wie ich das korrekt betiteln soll ;-)

Die Grafikerin hat mir für diese Seite nun ihr Konzept erläutert:

Beim Öffnen der Seite sind die Tabellen unterhalb der Titel ‚Berufserfahrung‘ und ‚Ausbildung‘ unsichtbar und die Dreiecke schauen nach unten. Beim Klicken auf ‚Berufserfahrung‘ wird die Tabelle darunter angezeigt und das Dreieck schaut nach oben. Beim Klicken auf ‚Ausbildung‘ verschwindet die Tabelle ‚Berufserfahrung‘ und die Tabelle ‚Ausbildung‘ wird angezeigt.

Muss ich dafür drei entsprechende Artikel anlegen oder gibt es einen eleganten Trick?

Herzlichen Dank im Voraus für eure Unterstützung
und liebe Grüsse

Susanna
http://www.artundmedia.ch

04.06.2015 10:40

ZITIEREN | ANTWORTEN

Chris

Beiträge: 510

Hi Susanna,

Da es sich ja hier nicht um eine artikelliste sondern um "normalen" Detail-Text handelt würde ich es via javascript machen. Die Übertitel würde ich jeweils ausserhalb der Tabelle als h2 und einer zusäztlichen Class zb. accordion versehen. Danach die Tabelle einfügen und dieser Display: none geben.

Das Dreieck beim H2 würde ich via css definieren. haben ja jetzt ein .accordion das man dafür verwenden könnte. zusammen mit .active den pfeil nach unten ohne den nach oben.

Danach brauchst Du noch ein javascript was Dir ungefähr folgendes macht:

Zitat

$(document).ready(function(){
$('.accordion').click(function(){
$(this).toggleClass('active').closest('table').toggle();
});
});


gruss
chris.w.
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************

05.06.2015 15:22

ZITIEREN | ANTWORTEN