ho ottenuto più o meno quello che volevo:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Config file</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script language="javascript" type="text/javascript" src="jquery-1.4.2.js"></script>
    <script>
        function click() {
            $("#ssh").show("slow");
        }
        click();
    </script>
</script>
</head>
<body>
    <div id="centro">
        <h1>File di configurazione Linux & Mac OS X</h1>

        

<span>sshd_config</span> #File configurazione server ssh Show it</p>

        <p id="ssh">Hello</p>

        

<span>vsftpd_config</span> #File configurazione server vsftpd Show it</p>

        <p id="vsftpd">Hello</p>

    </div>
</body>
</html>
prima di tutto ho creato un evento onclick e cambiato <button> con <a>.
così facendo sono riuscito a metterlo nell'head.
dopo di che ho dato un id agli

nascosti (nascosti tramite css).
nella funzione ho messo l'id del paragrafo al posto di

.
così ottengo che si apra solo il

del link dove clicchi.
2 problemi però:
-così dovrei riscrivere le funzioni per ogni

: posso evitare?
-devo dare un id univoco a ogni

nacosto ricreando pure la regola css: appesantisce? posso evitare sul css in qualche modo?