Ocultas DIV cuando otro DIV esta activado

[dasapa]

Hola,

¿Como puedo ocultar opacity 0 o visibility hidden el div con id tercera_slide cuando id segunda_slide esta activo?

He probado lo siguiente pero no funciona...

#segunda_slide.active #tercera_slide{ opacity:0;}

Código PHP:

   
   <div id="segunda_slide" class="step" data-x="1000" data-y="-3000" data-z="-2000" >
        <img class="imagen_segunda_slide" src="imagenes/articulo2.png"/>
    </div>
 
    <div id="tercera_slide" class="step" data-x="2000" data-y="-3000" data-z="-2000"  >
        <img id="imagen_3" class="imagen_tercera_slide" src="imagenes/articulo3.png"/>
    </div> 
   

Gracias

[ArturoGallegos]

te falta usar el selector +

seria asi

Código CSS:

#segunda_slide.active + #tercera_slide{ opacity:0;}