Показывать div, когда нажимаете на связанную ссылку и скрывать остальные
У меня есть этот код:
<head>
<script>
$(document).ready(function(){
// Optional code to hide all divs
$("div").hide();
// Show chosen div, and hide all others
$("a").click(function ()
{
$("#" + $(this).attr("class")).show().siblings('div').hide();
});
});
</script>
</head>
<body>
Click a button to make it visible:<br /><br />
<a href="" class="one">One</a>
<a href="" class="two">Two</a>
<a href="" class="three">Three</a>
<a href="" class="four">Four</a><br /><br />
<div id="one">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<div id="four">Four</div><br/><br/>
</body>
Я хочу отобразить div при нажатии на соответствующую ссылку. Проблема в том, что этот процесс длится всего несколько секунд. Кто-то знает почему? Спасибо