Jquery toggle()

[Denny3D]

Salve a tutti
per voi esperti sembrerà una domanda banale, ma la sottopongo lo stesso.

Ho impostato la funzione toggle di jquery, solo che per default il div che inserisco come argomento risulta aperto, e cliccando sul link dell'argomento nel browser mi si chiude.
Io vorrei che per default fosse chiuso ,
Chi mi può aiutare dicendomi come inpostarlo?
questo è il codice che utilizzo:

<script>
$(document).ready(function() {
$('a.toggledivheader').click(function(){
$('div.header').toggle();
});

Grazie

[duezero2]

penso basti inserire al tuo div
style="display: none"

[Xinod]

header puo' sia essere nascosto via css

<style type="text/css">
.header {
	display:none;
}
</style>

sia via jquery, richiamando il toggle() a caricamento completato

$(document).ready(function(){
	$('a.toggledivheader').click(function(){
		$('div.header').toggle();
	});
	$('div.header').toggle();
});

il mio parere su come sia meglio procedere:
sta a te decidere se, seguendo le regole dell' accessibilita', quel contenuto sia il caso di nasconderlo via css o javascript:
- puoi correre il rischio che in determinati contesti quel contenuto non sia visibile in alcun modo? = nascondilo via css,
- non importa che il toggle funzioni o meno, quel contenuto dev' essere visibile? = nascondilo via js

ciao

[Denny3D]

Grazie ad entrambi , userò lo js per nascondere il div,
sempre ottimo questo forum

ciao

[Denny3D]

approfitto della vostra disponibilità e vorrei chiedervi anche come poter fare per inserire delle immagini nella voce cliccabile in modo che quando il div è chiuso ho l'immagine A, mentre quando è aperto ho l'immagine B.
Penso debba collegare la classe css al js, ma non so proprio come fare.

Grazie

[Xinod]

parli di un bullet accanto al link?

nel css specifica per il link un padding laterale e l' immagine in background

.toggledivheader {
	padding-left:20px;
	background:url(stato1.gif) transparent no-repeat;
}

e aggiungi una nuova classe che assegni/rimuovi dall' elemento con toggleClass

.otherstate {
	background-image:url(stato2.gif);
}

$(document).ready(function(){
	$('a.toggledivheader').click(function(){
		$('div.header').toggle();
		$('a.toggledivheader').toggleClass('otherstate');
	});
	$('div.header').toggle();
});

non e' chiaramente l' unica via per ottenere quanto chiedi
ciao