вывод разных div в зависиости от checkbox

[djonA]

есть 2 div'a:

<div id="1">1</div>
<div id="2">2</div>

и есть checkbox

<input type="checkbox">

Подскажите если checkbox=checked вывести div=1
если не checked то div=2

спасибо

[Aetae]

css3

<style>
input[type="checkbox"] ~ div#d1,
input[type="checkbox"]:checked ~ div#d2{
    display:none;
}
input[type="checkbox"]:checked ~ div#d1{
    display:block;
}
</style>
<input type="checkbox">
<div id="d1">1</div>
<div id="d2">2</div>