Duda funciones JavaScript

Qué tal tengo esta duda, sigo probando con el elemento display:none.

Mi idea es que al presionar un link cierta parte de la página se muestre, en este caso unos comentarios. Para ello realize este código.

Mi función:

Código :

 <script type="text/javascript">
  function ObservaComentarios(seccion){
   var observa = document.getElementById(check);

   if (observa.style.display=="none") { observa.style.display="block"; } 
   else { observa.style.display="none"; }
  }

Mi link:

Código :

 <a href="#" onClick="ObservaComentarios(seccion1)">

Mi div:

Código :

 <div id="seccion1">
  <dd>&nbsp;Observaciones: <br>
   <ol> ..... </ol>
  </dd>
 </div>

Dentro de mi hoja de estilos tengo:

Código :

#seccion1, #seccion2, #seccion3{ display:none; }

Bueno mi función no funciona así que quiero preguntar si es válido hacer: observa.style.display=="none", puesto que creo que aqui esta el problema, como verán no soy muy bueno en javascript, así que podrían aconsejarme?

Ya gracias, ya esta resuelto. El problema se debio a que no me estaba cargando el valor cuando ponia el valor del atributo en mi archivo css.

Modificando <div id="seccion1" style="display:none"> dentro de mi div. Todo funciona bien.