jquery

Verbergen en weergeven

Een element weergeven en verbergen
<div class="demo-container">
<div class="demo-kop demo-kop-open">Wat is het rare aan ouders?</div>
<div class="demo-container-verborgen">
<p>Eerst leren ze je lopen en praten en later zeggen ze: “zitten en hou je mond”.</p>
</div>
</div>
.demo-container {
margin: 0 auto;
max-width: 600px;
margin-bottom:40px;
font-family: Arial, "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
.demo-kop {
padding: 5px 20px;
background-color: #ccc;
background-repeat: no-repeat;
background-position: 98% 50%;
cursor: pointer;
}
.demo-kop-open {
background-image: url(images/pijl-omhoog.png);
} 
.demo-kop-gesloten {
background-image: url(images/pijl-naar-beneden.png);
}
.demo-container-verborgen {
display:none;
border:1px solid #ccc;
padding:20px;
}