jQuery

[Matthias Apsel]

Om nah hoo pez nyeetz, Hans!

Dies geht auch mit einfachem JS.

ungetestete Skizze:
HTML:

<div class="wenig">  
  <p>ganz viel Text</p>  
  <p><a id="umschalter"></a></p>  
</div>

CSS:

.wenig  
{  
   position: relative;  
   heigth: 10em;  
   padding-bottom: 1em;  
   overflow: hidden;  
}  
#umschalter::before  
{  
   content: "Einklappen";  
}  
.wenig #umschalter  
{  
   position: absolute;  
   bottom: .2em;  
   right: .2em;  
}  
.wenig #umschalter::before  
{  
   content: "Mehr lesen";  
}  
.alles  
{  
   height: auto;  
}  

Javascript:
Ändere die Klassenzugehörigkeit des div-Elements von 'wenig' auf 'alles'
bei mehreren solcher Elemente: Eventhandling siehe http://molily.de/js/

Matthias