Intereting Posts

Показывать div, когда нажимают на соответствующую ссылку и скрывают другие

У меня этот код:

  $(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(); }); });    Click a button to make it visible:

One Two Three Four

One
Two
Three
Four


Я хочу отобразить div, когда нажимается связанная ссылка. Проблема в том, что этот процесс длится всего несколько секунд. Кто-то знает почему? благодаря

Использовать preventDefault ()

  $("a").click(function (e) { e.preventDefault(); $("#" + $(this).attr("class")).show().siblings('div').hide(); }); 

Демо- скрипт

Вы должны указать # в href :

  

Вот демо : JSFiddle

Вы можете добавить общий class ко всем div, например

 
One
Two
Three
Four

ЯШ:

 $("a").click(function (){ $(".div").hide(); $("#" + $(this).attr("class")).show().siblings('div').hide(); });