Problemas ocultando y mostrando DIV

[delapaz]

Hola compañeros, ya se que se ha hablado bastante en el foro sobre este tema, de hecho, he estado mirando valgunos de los hilos y parece que esta basatante claro pero al ejecutar mi codigo no hace lo que deberia. Echadle un vistazo a esto a ver si encontrais alguna anomalia porfavor.

Código Javascript:

function herramientas(){
    ocultar_todo();
    document.getElementById("herramientas").style.display="block";
    document.getElementById("herramientas_nueva").style.display="none";
    document.getElementById("herramientas_tabla").style.display="block";
}
 

y la parte del codigo HTML que hace la llamada

Código HTML:

<li><a href="#" onclick="herramientas();">Herramientas</a></li>
 
<div id="herramientas">
    <div id="herramientas_tabla">
        <a href="#" onclick="herramientas_nueva()"><img class="img_nuevo" alt="Nuevo registro" src="img/nuevo.jpg"/></a>
            <table class="grid">   
                <tr>
                    <th class="nada"></th>
                    <th class="nada"></th>
                    <th>C&oacute;digo</td>   
                    <th>Descripci&oacute;n</td>   
                    <th>Especificaci&oacute;n</td>
                    <th>Estado</td>
                </tr>  
            
                <tr>
                    <td><a href="general.php?" ><img class="img_grid" alt="Editar este registro" src="img/editar.gif" /></a></td>
                    <td><a href="general.php?" ><img class="img_grid" alt="Eliminar este registro" src="img/eliminar.gif" /></a></td>
                    <td >{codigo}</td>   
                    <td >{descripcion}</td>    
                    <td >{especificacion}</td>
                    <td >{estado}</td>
                </tr>
        
            </table>
            <a href="#" onclick="herramientas_nueva()"><img class="img_nuevo" alt="Nuevo registro" src="img/nuevo.jpg"/></a>
        </div>
        
        <div class="formulario" id="herramientas_nueva">
            <h3>Introduce los datos de la nueva herramienta</h3>
            <form method="post" action="#">
                <p>{modo} {error}</p>
                <fieldset class="fs_form">
                    <table class="tb_form">
                        <tr>
                            <td class="lab_form">Descripci&oacute;n</td>
                            <td><input class="campo" type="text" name="desc" value="{descripcion}" /></td>
                        </tr>
                        <tr>
                            <td class="lab_form">Especificaci&oacute;n</td>
                            <td><input class="campo" type="text" name="espec" value="{especificacion}" /></td>
                        </tr>
                        <tr>
                            <td class="lab_form">Estado</td>
                            <td>
                                <select id="estado" name="estado">
                                    <option value="D">Disponible</option>
                                    <option value="P">Prestado</option>
                                    <option value="A">Averiado</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                    <input class="boton" type="submit" name="boton[guardar_herramienta]" value="Guardar" />
                    <input class="boton" type="submit" name="boton[cancelar_herramienta]" value="Cancelar" />
                </fieldset>
            </form>
        </div>
    </div>
 

MUCHAS GRACIAS de antemano!!