Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal, gostaria de que alguém pudesse me instruir a montar um menu que troca uma div por outra a partir de um link no li.
Ex do meu código:
<html>
</head>
<style>
#menu{width:200px; height:25px; font:Tahoma, Geneva, sans-serif; font-size:20px;}
#menu ul {list-style:none; padding:0; margin:0px;}
#menu ul li {float:left; text-align:center; cursor:pointer; width:100px;}
#menu ul li a {text-decoration:none; color:#000; display:block;}
#menu ul li a:hover, .menu ul .selecionado{color:#F00;}
#conteudo1 {display:block;}
#conteudo1 {display:none;}
</style>
<body>
<div id="menu">
<ul>
<li ><a href="#conteudo1" class="selecionado">Exemplo 1</a></li>
<li><a href="#conteudo2">Exemplo 2</a></li>
</ul>
</div>
<div id="conteudo1">
texto
</div>
<div id="conteudo2">
texto
</div>
</body>
</html>gostaria de saber se algum código js consegue fazer isso que desejo, mudar o display das div (none - block), e mudar também a class "selecionado" que esta no link do li.
desde já eu agradeço.
Carregando comentários...