Any idea how to write this code better."the html is nested tabs" Two selectors and two similar events, in a function would be better or a pattern to reduce lines. eg .jsbin
$(function() {
var $items = $('#vtab>ul>li'),
$items2 = $('#vtab2>ul>li');
$items.mouseover(function() {
var index = $items.index($(this));
$items.removeClass('selected');
$(this).addClass('selected');
$('#vtab>div').hide().eq(index).show();
}).eq(1).mouseover();
$items2.mouseover(function() {
var index = $items2.index($(this));
$items2.removeClass('selected');
$(this).addClass('selected');
$('#vtab2>div').hide().eq(index).show();
}).eq(1).mouseover();
});