Mostrar y Ocultar divs segun valor RadioButton

[mandrake88]

Bueno, necesito mostrar/ocultar unos divs de acuerdo al valor seleccionado en un radio button. El codigo ya lo tengo pero por algo motivo que no me doy cuenta, no esta funcionando.

El JS (embido en el html)

Código Javascript:

<script type="text/javascript">
        function toggle(elemento) {
          if(elemento.value=="a") {
              document.getElementById("uno").style.display = "none";
              document.getElementById("dos").style.display = "none";
           }else{
               if(elemento.value=="b"){
                   document.getElementById("uno").style.display = "block";
                   document.getElementById("dos").style.display = "none";
               }else{
                   if(elemento.value=="c"){
                        document.getElementById("uno").style.display = "none";
                        document.getElementById("dos").style.display = "block";
                    }  
                }
            }
</script>
 

el Codigo del form:

Código HTML:

<fieldset class="fields2">
    <dl>
        <dt><label>Cual opcion:</label></dt>
        <dd>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="a"> Opcion a<br>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="b" > Opcion b<br>
            <input type="radio" name="tipo_attach" onclick="toggle(this)" value="c"> Opcion c
        </dd>
    </dl>
</fieldset>
 
<div id="uno" style="display:none">
<p>Hola, soy el div Uno</p>
</div>
 
<div id="dos" style="display:none">
<p>Hola, soy el div dos</p>
</div>
 

La consola del navegador, cuando hago click en algun radio button, me devuelve el siguiente mensaje:

Uncaught ReferenceError: toggle is not defined