Hallo, ich versuche zur Zeit einen aufklappbares Textfeld zu erstellen. Quasi wie hier: http://www.arbeitshandschuh24.de/arbeitshandschuhe/ Leider will der Code bei mir nicht aufklappen. Javascript/CSS Datei ist wie folgt eingebunden und wird auch ausgegeben: <script type="text/javascript">
jQuery('.read--more').readmore( { speed: 800 ,
moreLink: '<a href="#">mehr anzeigen</a>' ,
lessLink: '<a href="#">weniger anzeigen</a>' ,
collapsedHeight: 150 ,
heightMargin: 16
} );
</script><style type="text/css">
.read--more + [data-readmore-toggle], .read--more[data-readmore]{display: block; width: 100%;}.read--more[data-readmore]{transition: height 800ms;overflow: hidden;}
</style> Hat jemand hier eine Lösung? 
Danke!
Du verwendest offensichtlich ein Plugin dazu. Ist das denn korrekt eingebunden? Was spricht die Fehlerausgabe in der Browser-Konsole?
Shopware hat ein eigenes collapse Plugin -> https://github.com/shopware/shopware/bl … e-panel.js https://developers.shopware.com/designe … luginbase/
Das hört sich erstmal gut an 
Die Datei bekomme ich auch eingebunden, aber wie greife ich darauf zu? Also wie lautet der Befehl zum ein-/ausklappen? Kenne mich mit Java leider nicht so aus…
würde mich auch interessieren
Hallo,
dafür braucht es theoretisch kein JavaScript, das geht auch mit einer CSS3 Transition. Einfach einen hover Effekt drauf legen und beim hover State das Textfeld ausfahren (verbreitern) lassen.
MFG
derwunner
… dafür braucht es theoretisch kein JavaScript, das geht auch mit einer CSS3 Transition. Einfach einen hover Effekt drauf legen und beim hover State das Textfeld ausfahren (verbreitern) lassen.
Das will ich machen, verstehe das aber nicht. Kann das jemand ein wenig detaillierter erläutern?
Vielen Dank.
Also ich hab nun viel mit CSS3 Transition ausprobiert. Es klappt auch auf nicht-shopware Webseiten. Aber in einer Einkaufswelt funktioniert es nicht. Es wird nicht angezeigt. Was mache ich falsch?