mostrar un div oculto con una transicion

[roboty]

Estoy intentando mostrar un div oculto con una transicion en css3 pero no lo consigo se trata de pulsar un div y mostrar otro ejemplo:

Código CSS:

#boton{
background:url(boton.png) no-repeat; 
width:50px;
height:50px
}
#boton:active div[id^="oculto"]{
display:block;
}
#oculto{
display:none;
transition:all 1s linear;
width:200px;
height:200px;
background:green;
}
 

Código HTML:

<div id="boton"></boton>
<div id="oculto"></div>
 

alguien sabe que porque no funciona.