JQuery UI Tabs 이용하기

 

 

 
 
<!--  탭  -->
  <div id="tabs" >
      <ul class="check">
          <li class="show"><a href="#move">이동</a></li>                                                            
          <li class="hide"><a href="#rpar">수리</a></li>
      </ul>
   
        <!--  이동이력 탭 -->
        <div id="move" class="Tab_container">       
        </div>
 
         <!--  수리이력 탭 -->
         <div id="rpar" class="Tab_container">
         </div>
     </div>

 
jQuery("#tabs").tabs({                                                                                              
        active: "2"
    });

2번째 탭을 활성화 시킬경우

 

jQuery("#tabs a").click(function(){ 
            
      var tabId = jQuery("#tabs li.ui-state-active").attr("aria-controls");                                        
           
});
 

탭을 클릭한 id 정보를 알고싶을경우

참고 : http://api.jqueryui.com/tabs/#option-active