# Aufklappbarer Text

**URL:** <https://forum.shopware.com/t/aufklappbarer-text/29210>\
**Category:** Programmierung\
**Created:** [28. Juli 2015 um 16:34 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210 "2015-07-28T16:34:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![TonyD](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@TonyD](https://forum.shopware.com/u/TonyD)\
**Post date:** [28. Juli 2015 um 16:34 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/1 "2015-07-28T16:34:38Z")

</div>

Hallo, ich versuche zur Zeit einen aufklappbares Textfeld zu erstellen. Quasi wie hier: [http://www.arbeitshandschuh24.de/arbeitshandschuhe/](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!

---

<div class="post-metadata">

**Author:** ![cube1893](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@cube1893](https://forum.shopware.com/u/cube1893)\
**Post date:** [29. Juli 2015 um 16:30 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/2 "2015-07-29T16:30:21Z")

</div>

Du verwendest offensichtlich ein Plugin dazu. Ist das denn korrekt eingebunden? Was spricht die Fehlerausgabe in der Browser-Konsole?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [29. Juli 2015 um 16:34 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/3 "2015-07-29T16:34:02Z")

</div>

Shopware hat ein eigenes collapse Plugin -\> [https://github.com/shopware/shopware/bl … e-panel.js](https://github.com/shopware/shopware/blob/5.0/themes/Frontend/Responsive/frontend/%5C_public/src/js/jquery.collapse-panel.js) [https://developers.shopware.com/designe … luginbase/](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/)

---

<div class="post-metadata">

**Author:** ![kemme](https://avatars.discourse-cdn.com/v4/letter/k/f08c70/32.png) [@kemme](https://forum.shopware.com/u/kemme)\
**Post date:** [29. Juli 2015 um 22:31 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/4 "2015-07-29T22:31:50Z")

</div>

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… ☹

---

<div class="post-metadata">

**Author:** ![Domagical](https://avatars.discourse-cdn.com/v4/letter/d/898d66/32.png) [@Domagical](https://forum.shopware.com/u/Domagical)\
**Post date:** [13. Juli 2017 um 12:37 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/5 "2017-07-13T12:37:38Z")

</div>

würde mich auch interessieren

---

<div class="post-metadata">

**Author:** ![derwunner](https://avatars.discourse-cdn.com/v4/letter/d/e5b9ba/32.png) [@derwunner](https://forum.shopware.com/u/derwunner)\
**Post date:** [13. Juli 2017 um 14:07 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/6 "2017-07-13T14:07:41Z")

</div>

Hallo,

&nbsp;

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.

&nbsp;

&nbsp;

MFG

&nbsp;

derwunner

---

<div class="post-metadata">

**Author:** ![HenkEvans](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HenkEvans](https://forum.shopware.com/u/HenkEvans)\
**Post date:** [4. Oktober 2019 um 14:02 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/7 "2019-10-04T14:02:16Z")

</div>

> [@derwunner schrieb:](https://forum.shopware.com/profile/25468/derwunner "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.

&nbsp;Das will ich machen, verstehe das aber nicht. Kann das jemand ein wenig detaillierter erläutern?

Vielen Dank.

---

<div class="post-metadata">

**Author:** ![HenkEvans](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HenkEvans](https://forum.shopware.com/u/HenkEvans)\
**Post date:** [5. Oktober 2019 um 11:26 UTC](https://forum.shopware.com/t/aufklappbarer-text/29210/8 "2019-10-05T11:26:15Z")

</div>

Also ich hab nun viel mit CSS3&nbsp;Transition ausprobiert. Es klappt auch auf nicht-shopware Webseiten. Aber in einer Einkaufswelt funktioniert es nicht. Es wird nicht angezeigt. Was mache ich falsch?