gente nesse link acima tem um exemplo de como esconder vários elementos de uma página e exibi-los um por um, usando um menu. Eu consegui aplicar ao meu site, mas preciso que o código esconda todos os elementos no inicio, como ja foi programado, menos um deses elementos: a <div> #Home.
alguém pode me ajudar.
meu código está assim:
$(document).ready(function(){ $('.menu a').click(function(){ $('.conteudo div').hide().parent().find( '.' + this.className ).fadeIn("slow") return false }) })
e o menú é esse:
<ul class="menu" id="menuSuperior"> <li><a href="#" class="home">· Mundo da Carlota</a></li> <li><a href="#" class="parceria">· Parcerias</a></li> <li><a href="#" class="servico">· Serviços</a></li> <li><a href="#" class="diversao">· Diversão</a></li> <li><a href="#" class="contato">· Contato</a></li> </ul>