[bucanero]

hola lordballiwns

el código que has puesto tiene dos partes,

- en la primera agregas una declaración de estilo al documento HTML, donde se declara las capas div de clase cp_oculta como no visibles, esto es mas bien parte del CSS y se puede poner en un fichero a parte.

document.write('<style type="text/css">div.cp_oculta{display: none;}</style>');

- y en la segunda parte tienes declarada una función que obtiene un elemento tomandolo por su nombre y cambia su propiedad visible. Esta es la parte que si que puedes extraer a un fichero JS

La forma de separar el javascript del HTML es agregar un nuevo fichero con extension js (yo lo he llamado miscript.js) y grabarlo en la misma carpeta o subcarpeta del HTML con el siguiente contenido:

function MostrarOcultar(capa)       {       
  if (document.getElementById)       {       
    var aux = document.getElementById(capa).style;       
    aux.display = aux.display ? "":"block";       
  }       
}

y ya en el HTML (con alguna pequeña modificación respecto al tuyo) puedes probarlo de esta manera:

<!-- ------------------------------------------------------
   esta definición en tu caso era el javascript el que 
   la insertaba en el documento pero por tratarse mas bien 
   de CSS he preferido sacarla fuera, e incluso se puede 
   poner en un fichero externo de CSS
  ------------------------------------------------------ -->
<style>
  div.cp_oculta{
    display: none;
  }
</style>
<!-- ------------------------------------------------------ -->

<div id="algo" class="cp_oculta"> algun texto</div>
<button onclick="MostrarOcultar('algo')">Mostrar/Ocultar</button>

<!-- aqui lee el fichero de js -->
<script src="miscript.js"></script>

Un saludo