<div class="container">
<ul class="js_tab">
<li>a</li>
<li>b</li>
</ul>
<div class="js_tab_detail">
a内容
</div>
<div class="js_tab_detail">
b内容
</div>
</div>
<script>
$('.js_tab_detail').hide();
$('.js_tab_detail:eq(0)').show();
$('.js_tab li').on('mouseenter',function(){
$(this).addClass('active').siblings().removeClass('active');
var index = $(this).index();
$('.js_tab_detail').hide();
$('.js_tab_detail:eq('+index+')').show();
});
</script>