wh!te: Längeren Text anhängen

Beitrag lesen

SELF-Forum

Längeren Text anhängen

wh!te
– Informationen zu den Bewertungsregeln

<body>

<script type="text/javascript">[code lang=javascript]document.body.className += " js";


>   <div class="angeteasert">  
>     <p class="teaser">Dies ist der erste Absatz, der immer sichtbar ist.</p>  
>     <p>Dies ist der zweite Absatz, der anfangs versteckt ist.</p>  
>     <p>Dies ist der dritte Absatz, der anfangs versteckt ist.</p>  
>     <button onclick="`this.parentNode.className += ' zeigeAlles';`{:.language-javascript}">Weiterlesen</button>  
>   </div>  
> </body>[/code]  
>   
> Im Stylesheet:  
>   
> ~~~css

.js .angeteasert p { display: none }  

> .js .angeteasert p.teaser { display: block }  
> .js .angeteasert.zeigeAlles p { display: block }  
> .js .angeteasert.zeigeAlles button { display: none }

Qapla'

Funktioniert einwandfrei, echt super! Vielen Dank! Eine Frage hätte ich dazu aber noch: Kann man das ganze dann auch wieder durch einen Button unsichtbar machen, also wieder verkleinern? Wäre nett, Danke!

Beitrag melden
–
Informationen zu den Bewertungsregeln