"Weiterlesen" Funktion im Content

Hallo,

gerne würde ich eine "Weiterlesen" Funktion im Cloud Shop integrieren.

Hierzu habe ich folgendes gefunden und wie folgt eingebunden:

1) HTML / CSS

----------->> im SE unter "SCSS/CSS bearbeiten"

#weiter:nottarget) {
display: none;
}


#weiter:target {
display: block;
}

----------->> im Content von Gambio .z.B. Kategoriebeschreibung
<a href="#weiter">Show Comments</a>

<section id="weiter">
<h3>Comments</h3>
<h2> und so weiter </h2>
<a href="#">Hide Comments</a>
</section>

Leider ohne den gewünschten Effekt. In einer extern erstellten index.html mit dem <style> Vermerk zwischen #weiter .. } hat es funktioniert.

2) JAVA

Alternativ geht es auch mit JAVA - wie hier bereits öfter erwähnt. Hierzu habe ich auch folgendes gefunden:

<p>
<span id="an" onclick="document.getElementById('text1').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'" style="cursorointer;">----------------------------- &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; aufklappen</span> <span id="zu" onclick="document.getElementById('text1').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'" style="display: none;cursorointer">zuklappen</span>
</p>

<div id="text1" style="display: none">
DER TEXT <span id="zu2" onclick="document.getElementById('text2').style.display='none';document.getElementById('an2').style.display='block';document.getElementById('zu2').style.display='none'" style="display: none;cursorointer">zuklappen</span>
</div>

<div id="text2" style="display: none">
DER TEXT
</div>

Funktioniert. Aber muss ich hier den kompletten Java Befehl im Content des Shops jedesmal wiederholen?

3) Bootstrap

Leider ohne Erfolg.

Danke für eure Kommentare.


MFG
Thomas