fade-in fade-out su div??

[symphonia]

Ciao!!

Ho questo codice javascript che mostra/nasconde un div cliccando sul pulsante apposito:

<script type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';

}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>




<div id="miomenutop" class="more">
<ul>[*]wedding [*]copy[*]organizzazione eventi

[*]
[/list]</div>

Ora, questo codice mostra e nasconde il div in modo "scattoso"... avrei bisogno che comparisse e scomparisse con un effetto dissolvenza, un "fade" insomma... o qualcosa del genere...

Qualcuno può illuminarmi sul codice da implementare per raggiungere questo effetto?


Grazie mille!

[cavicchiandrea]

Visto che sul sito mescalinadesign fai già uso di jquery potresti usare fadeIn()/fadeOut() http://api.jquery.com/

[symphonia]

Grazie per la tua risposta ma, anche se a logica alcune cose mi sembrano comprensibili, non mi intendo minimamente di javascript... per cui non so cosa/come/dove mettere il codice fadeIn()/fadeOut(). Sono andata sul sito che mi hai linkato, e ho visto la funzione... ho provato ad inserirla, così:

<script>
$('a#miomenutop-show').click(function() {
$('#miomenutop').fadeIn('slow', function() {
// Animation complete
});
});
</script>


ma ovviamente non funziona

[cavicchiandrea]

<script>
$(function(){
$('a#miomenutop-show').click(function() {
$('#miomenutop').fadeIn('slow', function() {
// Animation complete
});
});
})
</script>

se associ un evento ad un elemento del documento devi racchiuderlo nel ready (al caricamento)

non mi intendo minimamente di javascript... per risolvere basta studiare