Tab switching based on jquery js principle_jquery

html code:

Copy code The code is as follows:

• ProfileAccount maintenance
• Come here< ;/li>

1111111111111111111111111111111

222222222222222222222222222222222

33333333333333333333333 3333333333333

js code:

Copy code The code is as follows:

$(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('There is no such container .');
}
});
});

Rendering:

Package download address