CSS3 gizle - göster :target

CSS3 gizle - göster :target

by fatihhayri

HTML

<dl>
    <dt id="dn1"><a href="#dn1">Deneme Başlık</a></dt>
    <dd>Deneme 1 İçerik</dd>
    <dt id="dn2"><a href="#dn2">Deneme Başlık 2</a></dt>
    <dd>Deneme 2 İçerik</dd>
</dl>

CSS

dt{
    font-weight:bold;    
}

dt:target + dd{
    display:block;
}

dd{
    display:none;
}