[jquery ] tab 새로고침이후에도 유지하기

빨간색 부분을 추가했어요.

hash를 이용하여 새로고침 이후에도 tab을 유지합니다.

 

$(function(){
  $("ul.panel li:not("+$("ul.tab li a.selected").attr("href")+")").hide()

  $("ul.tab li a").click(function(){
   $("ul.tab li a").removeClass("selected");
   $(this).addClass("selected");
   $("ul.panel li").hide();
   $($(this).attr("href")).show();
   $(window).hashchange(); 
           
   return false;
  });

        if (location.hash != "")
        {  
            var id = location.hash.right(1);
            $("ul.tab li a").removeClass("selected");
            $("a#a"+id).addClass("selected")
            $("ul.panel li").hide();
            $(location.hash).show();
        }

 });

[출처] [jquery ] tab 새로고침이후에도 유지하기|작성자 우뢰기