Dubbio metodo html() JQUERY

[jappoz]

Salve a tutti ragazzi, volevo sapere se è possibile modificare la visualizzazione di un contenuto preso con html() con delle animazioni (non so ad esempio col metodo show()). Premetto che di jquery non sono ferratissimo ma ora mi spiego meglio.
Ho una serie di div nascosti che devo caricare dentro un div "contenuto", inizialmente vuoto, a seconda di quello che clicca l'utente, ma volevo che il contenuto caricato dentro il div "contenuto" apparisse gradualmente e poi, quando l'utente preme un altro bottone, si chiuda e si riapra con il nuovo contenuto...Sarebbe possibile con html()? Ora posto il codice, chiedo scusa in anticipo se mi sono spiegato male (ne sono certo )


questa è la funzione che vorrei appunto migliorare con semplici animazioni

function loadPage(param) {
	
	param = "#"+param;
	var html = $(param).html();
	$("#contenuto").html(html);

all' inizio del body ho una serie di div nascosti,ad esempio:

<div id="bio"> bla bla </div>

che chiamo in questo modo, ad esempio:

<a onclick="loadPage('bio');" ><img src="images/biograpy_logo.png"  alt="biography" width="350" height="250" id="sprytrigger1" /></a>

// l'id è per i tooltip Spry di DW

Grazie a tutti in anticipo spero riusciate ad aiutarmi e abbiate pazienza per la mia incompetenza in merito

[cavicchiandrea]

Ma se il div (bio) è già nel documento puoi mostrarlo direttamente

function loadPage(param){
$(param).show(300);
}
richiamato cosi

onclick="loadPage('#bio');"

[jappoz]

Ma se il div (bio) è già nel documento puoi mostrarlo direttamente

function loadPage(param){
$(param).show(300);
}
richiamato cosi

onclick="loadPage('#bio');"

Intanto grazie della risposta.
Il problema è che i div che devo chiamare sono in cima alla pagina nascosti, perchè voglio che il loro contenuto appaia all'interno del div contenitore che ho formattato in modo preciso. Mettila così, è una sorta di menu nel quale cliccando sul link viene visualizzato il contenuto del corrispettivo div (in alto e nascosto) all'interno del div "contenuto", che è la vera e propria pagina. Ho scelto questo approccio perchè il sito è povero di contenuti, quindi non appesantisco il caricamento facendo così (se fosse stato ricco era probabile succedesse visto che viene tutto precaricato) e perchè così facendo in pratica il mio sito è un'unica pagina index.html dove le "altre pagine" sono in realtà dei div nascosti in cima alla index (p.s. li ho messi in cima così li carica subito).
Spero di essermi spiegato...

[cavicchiandrea]

La motivazione fa acqua da tutte le parti caricare div all'inizio alla fine al centro non ha nessuna differenza in termini di tempo (sopratutto essendo scarno) comunque o li inserisci nel documento staticamente dove vuoi (anche dentro a contenuto) oppure lo ignetti con html('<div id="bio">.....</div>') come hai fatto tu raddoppieresti tutti i div

[jappoz]

A me hanno detto che era meglio metterli in cima per il javascript che li carica prima... mia mancanza non essermi documentato... in ogni caso non ho ben capito delle cose. Ho capito che in pratica la mia soluzione raddoppia i div e quindi è pessima, ma cosa cambia rispetto alla tua ( html('div id="bio">..</div>'))? Seconda cosa, facendo così dovrei ricopiare tutto il contenuto del div come parametro del metodo html, mi sembra scomodo... Inoltre non saprei come gestire il fatto che non ho solo un div ma diversi. Riguardo l'altra soluzione (la prima che hai detto tu) non ho capito bene cosa intendi per "inserire" staticamente...

[cavicchiandrea]

Forse è il caso che ripassi html js jquery, il forum non può farti da tutor oltretutto non saprei spiegartelo meglio