Nie wiem czy to coś się nadaje, ale niby działa.
Html:
<b id="b1"><a href="#big">Powiększ
</a></b> <b id="b2"><a href="">Pomniejsz
</a></b>
<b id="b1"><a href="#big_1">Powiększ
</a></b> <b id="b2"><a href="">Pomniejsz
</a></b>
Css:
div > #b2{
display:none;
float:right;
margin:5px 10px;
}
div :target #b2 {
display:block;
}
div > #b1{
float:left;
margin:5px 10px;
}
div :target #b1 {
display:none;
}
#miniandbig > div{
width:100px;
height:100px;
border:1px solid black;
background:red;
}
#miniandbig > :target {
width:500px;
height:500px;
display:block;
background:gray;
position:absolute;
}
#miniandbig_1 > div{
width:100px;
height:100px;
border:1px solid black;
background:green;
}
#miniandbig_1 > :target {
width:500px;
height:500px;
display:block;
background:gray;
position:absolute;
}