Mostrar codigo depende de la selccion de lista

[doylelives]

A ver, en un html posees varios divs con texto incrustados, cada div posee un id unico, y un atributo class pudiendo adoptar 2 nombres de clases css, mostrar u ocultar
A travez de un select se dispara el evento onchange el cual llama a una función js

Código Javascript:

function activar_parrafo(id){
    document.getElementById(id).setAttribute("class", "ocultar");
}
 

en CSS las clases deben usar propiedades para mostrar/ocultar el contenido

Código Javascript:

.mostrar{
    display:block;
    visibility:visible;
}
.ocultar{
    display:none;
    visibility:hidden;
}
 

En el html los options deberian tener un valor del id del Div a mostrar.

Código Javascript:

<select onchange="activar_parrafo(this.value)">
   <option value="div1">Div primero</option>
   <option value="div2">Div segundo</option>
</select>
 

Ejemplo de los divs

Código Javascript:

<div id="div1" class="mostrar">Esto es el primer div</div>
<div id="div2" class="mostrar">Esto es el segundo div</div>