Witam, mam problem ze stworzeniem menu portfolio za pomocą inputów radio. A mianowicie stworzyłem takie menu
<input class="nav-menu" id="all" type="radio" name="filter" checked="checked">
<label for="all">Wszystkie</label>
<input class="nav-menu" id="illustrations" type="radio" name="filter">
<label for="illustrations">Ilustracje</label>
<input class="nav-menu" id="posters" type="radio" name="filter">
<label for="posters">Plakaty</label>
<input class="nav-menu" id="typography" type="radio" name="filter">
<label for="typography">Typografia</label>
<input class="nav-menu" id="packaging" type="radio" name="filter">
<label for="packaging">Opakowania</label>
i zdefiniowałem go w css
.row .nav-menu,
.portfolio
{
display: none;
}
label
{
padding: 5px 10px;
margin: 0px;
color: #3a3f43;
cursor: pointer;
display: inline-block;
}
.nav-menu:checked + label
{
color: #fff;
background-color: #3a3f43;
border-radius: 3px;
}
#all:checked ~ .portfolio .all,
#posters:checked ~ .portfolio .poster,
#illustrations:checked ~ .portfolio .illustration,
#typography:checked ~ .portfolio .typography,
#packaging:checked ~ .portfolio .package
{
display: block;
}
klasa portfolio to kontener dla wszystkich prac, każda praca jest w znaczniku figure z nadaną klasą kategorii oraz all. Chodzi o to żeby po naciśnięciu labela z nazwa kategorii wyswietlały sie prace tylko z tej kategorii, a z jakiegoś powodu to nie działa.
Z góry dziękuje za każdą pomoc.