Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite a todos iMasters, estou bom um problema aqui com uma TAB em Javascript que estou utilizando.
O problema é : Quando clico na TAB2 ou TAB1 por exemplo, ele redireciona para o TOPO da página, como se estivesse apenas com href="#"
Gostaria que não direcionasse o usuário pro topo, existe alguma maneira disso ?
O código da TAB é esse :
<script type="text/javascript">
$(document).ready(function(){
$(".tabContents").hide(); // Hide all tab content divs by default
$(".tabContents:first").show(); // Show the first div of tab content by default
$(".tabContaier ul li a").click(function(){ //Fire the click event
var activeTab = $(this).attr("href"); // Catch the click link
$(".tabContaier ul li a").removeClass("active"); // Remove pre-highlighted link
$(this).addClass("active"); // set clicked link to highlight state
$(".tabContents").hide(); // hide currently visible tab content div
$(activeTab).fadeIn(); // show the target tab content div by matching clicked link.
return false; //prevent page scrolling on tab click
});
});
</script>
HTML :
<div class="tabContaier">
<ul>
<li><a class="active" href="#tab1">TAB em JAVASCRIPT</a></li>
</ul>
<div class="tabDetails">
<div id="tab4" class="tabContents">
<h1 style="color:#333;">TAB em Javascript</h1>
TEXTO
</div>
</div>
</div>Carregando comentários...