El css para poner la "manito", es
cursor: pointer;
normalmente un <a href=""> lo genera por si solo pero un <a onclick=""> no.
en mi css el cursor: pointer; se lo aplpique a <p>, tendrías que aplicarselo a <a> o bien llamar el Javascript como sui fuera un link, de la siguiente forma
<a href="javascript
:mostrarOcultar('capauno')">mostra r Ocultar</a>, con lo cual te crearía la manito sin necesidad de aplicarla con css. Si querés quitarle el subrayado al link, usas en el css
a{
text-decoration: none;
}
Se entiende