(function ($) {
    $(function()
    {
        var currentTab = 't1';
        $('#b' + currentTab).parent().addClass('selected');

        $('.tab').each(function () {
            if (this.id != currentTab)
            {
                $(this).toggle(); 
            }
        });

        $('.tabbutton').click(function (e) {
            e.preventDefault();
            var id = this.href.split('#')[1];

            if (id != currentTab)
            {
                $('#' + currentTab).toggle();
                $('#' + id).toggle(); 
                $('#b' + currentTab).parent().removeClass('selected');
                $('#b' + id).parent().addClass('selected');
                currentTab = id;
            }
        });
    });
})(jQuery);