jQuery Text verbergen

by oliverdoetsch

HTML

<br />
<br />
<div class="hidden">

            <div class="button" id="auf">AUF &#187;</div>
    
                <span>Hier steht der verborgene Inhalt</span>
     
           <div class="button" id="zu">&#171; ZU</div>         
                
</div>

<div class="hidden">

            <div class="button" id="auf">AUF &#187</div>
    
                <span>Hier steht der verborgene Inhalt</span>
     
           <div class="button" id="zu">&#171; ZU</div>         
                
</div>

CSS

.button {margin:0.3em 1em 0.3em 1em; cursor:pointer; color:#c00; font-weight:bold;}

.hidden #auf { 
    display: block;
    text-align:right;
}
.hidden #zu{
    display: none;
}
.hidden span {
    display: none;
}
.click #auf {
    display: none;
}
.click #zu{
    display: block;
}
.click span {
    display: block;
}

JavaScript

$(".button").click( function() {$(this).parent().toggleClass("click")});