Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi gente!
Seguinte, precisei de uma função que mostrasse/escondesse conteúdos de acordo com o link.
Fiz uma busca e achei uma que resolve bem meu problema, em um outro fórum por aí.
http://jsfiddle.net/KXbsv/ (já adaptada pro meu caso)
$(document).ready(function() {
$('.container').hide();
$('.mapa-estados a').click(function(){
var target = "#" + $(this).data("target");
$(".container").not(target).hide();
$(target).show();
});
});Ela funciona certinho no simulador, mas quando jogo na página, não roda inteira (parece que só faz a primeira ação, de esconder tudo dentro da classe "container".
Eu não sei se deveria chamar essa função em algum lugar dentro do html, ou se só o script já basta.
na página tenho isso:
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function() {
$('.container').hide();
$('.mapa-estados a').click(function(){
var target = "#" + $(this).data("target");
$(".container").not(target).hide();
$(target).show();
});
});</script>
</head>
<body>
<ul id="map" class="mapa-estados">
<li id="crs" estado="rs" ><a id="rs" title="RS" data-target="rs_container"><img src="img/mapa/null.gif" alt="RS" /></a></li>
<li id="csc" estado="sc" ><a id="sc" title="SC" data-target="sc_container"><img src="img/mapa/null.gif" alt="SC" /></a></li>
<li id="cpr" estado="pr" ><a id="pr" title="PR" data-target="pr_container"><img src="img/mapa/null.gif" alt="PR" /></a></li>
</ul>
<p class="container">
<span id="pr_container">
<strong>Curitiba</strong><br>
Rua Inácio Lustosa, 755 - São Francisco<br>
80510-000<br>
(41) 3223-6710 | (41) 3223-1758<br><br>
</span>
<span id="sc_container">
<strong>Blumenau</strong><br>
Rua Sete de Setembro, 990 - sala 02 <br/>
Centro<br/>
(47) 3232-8566<br><br>
</span>
</body>Alguma luz?
Carregando comentários...