jquery jsprinciple_jquery를 기반으로 한 탭 전환

html 코드:

코드 복사 코드는 다음과 같습니다.

• 프로필계정 관리
• 여기로 오세요< ;/ li>
• 
  

  11111111111111111111111111111
  

  
  

  222222222222222222222222222222222
  

  
  

  33333333333333333333333 333333
  

js 코드:

코드 복사 코드는 다음과 같습니다.

$(function(){
$(".tab>li").mouseover(function(){
$(".tab> ;li ").removeClass("on");
$(this).addClass("on");
var target = $('#' this.rel);
if (target. size( ) > 0) {
$('.details > dl').hide()
target.show()
} else {
alert('없음 해당 컨테이너 .');
}
})

렌더링:

패키지 다운로드 주소