Personalizzare js mostra/nascondi testo

[Squall83]

Ciao ragazzi,
ho trovato sul sito un interessante JS che permette di visualizzare e/o nascondere una parte del contenuto della pagina attraverso il click su un link.

http://javascript.html.it/articoli/l...dinamicamente/

Funziona tutto bene, ciò che non riesco a capire e a fare è personalizzare lo stile del link creato automaticamente, così come del paragrafo che lo ospita.

Entrando brevemente nel dettaglio, questa è la parte del codice del mio file .js

if(document.getElementById && document.createElement){
document.write('<style type="text/css">*.toggle{display:none}</style>');
window.onload=function(){
    /*le modifiche allo script vanno solo fatte qui*/
    Attiva("precedenti","Mostra precedenti","Nascondi precedenti");
    Attiva("immagine","Mostra immagine","Nascondi immagine");
    }
}

function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
var link=document.createElement("a");
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
    link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
    el.style.display=(el.style.display=="none") ? "block" : "none";
    return(false);
    }
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}

Nella pagina c'è il div che racchiude la parte da nascondere, e crea il link:

<div id="precedenti" class="toggle">


Testo nascosto</p>
</div>

Ho fatto diversi tentativi, ma non riesco a personalizzare lo stile dei link "Mostra/Nascondi precedenti", così come l'orientamento a destra che voglio dare al testo/link. Nell'esempio di HTML.it definisce gli stili a inizio pagina, ma ho la sensazione che non tutto funzioni come dovrebbe. In ogni caso, avendo un file .css e più stili per i link, a me interessa dare uno stile particolare a quel link, diverso dagli altri, incluso quello scelto da me come standard

Qualcuno di voi sa come potrei fare?
Grazie.

[Squall83]

Nessuno sa come aiutarmi?

[cavicchiandrea]

ti crei due classi:

<style>
.paragrafo{
qui metti la fromattazione e colori/carattere che vuoi
}
.tagA{
idem come sopra
}
</style>

e modifichi cosi lo script in rosso le modifiche:

function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
c.className='paragrafo';
var link=document.createElement("a");
link.className='tagA';
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
    link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
    el.style.display=(el.style.display=="none") ? "block" : "none";
    return(false);
    }
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}