"Weiterlesen" Funktion im Content

Thema wurde von TomGo, 11. Mai 2021 erstellt.

  1. TomGo

    TomGo Neues Mitglied

    Registriert seit:
    5. Oktober 2014
    Beiträge:
    1
    Danke erhalten:
    0
    Danke vergeben:
    1
    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:not:)target) {
    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="cursor:pointer;">----------------------------- &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;cursor:pointer">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;cursor:pointer">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
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    778
    Danke erhalten:
    242
    Danke vergeben:
    99
    Meinst du, dass man hier deinen Code auf Richtigkeit prüft...

    Es gibt im WWW unzählige Quellen, wo man solche Codeschnipsel herbekommt, so was gibt es bestimmt auch ohne JS.

    Schau mal auf codepen.io, alles, was du da nicht findest, gibt es nicht!
     
  3. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    31. März 2020
    Beiträge:
    32
    Danke erhalten:
    10
    Danke vergeben:
    30