$(function () {
        var $li = $('#tab li');
        var $ul = $('#content .ul');
        var $li1 = $('#tab11 li');
        var $ul1 = $('#content11 .ul11');
        var $li2 = $('#tab22 li');
        var $ul2 = $('#content22 .ul22');


        $li.click(function () {
            var $this = $(this);
            var $t = $this.index();
            $li.removeClass();
            $this.addClass('current');
            $ul.css('display', 'none');
            $ul.eq($t).css('display', 'block');
        })

            $li1.mouseover(function () {
            var $this = $(this);
            var $t = $this.index();
            $li1.removeClass();
            $this.addClass('current_fl11');
            $ul1.css('display', 'none');
            $ul1.eq($t).css('display', 'block');
        })

        $li2.mouseover(function () {
            var $this = $(this);
            var $t = $this.index();
            $li2.removeClass();
            $this.addClass('current_fl22');
            $ul2.css('display', 'none');
            $ul2.eq($t).css('display', 'block');
        })
});