var containerId = '#tabs-container';
var tabsId = '#tabs';

$(document).ready(function(){
	// Preload tab on page load
	if($(tabsId + ' LI.current A').length > 0){
		loadTab($(tabsId + ' LI.current A'));
	}

    $(tabsId + ' A').click(function(){
    	if($(this).parent().hasClass('current')){ return false; }

    	$(tabsId + ' LI.current').removeClass('current');
    	$(this).parent().addClass('current');

    	loadTab($(this));
        return false;
    });
});

function loadTab(tabObj){
    if(!tabObj || !tabObj.length){ return; }
    $(containerId).addClass('loading');
    $(containerId).fadeOut('fast');

    $(containerId).load(tabObj.attr('href'), function(){
        $(containerId).removeClass('loading');
        $(containerId).fadeIn('fast');
    });
}

<div id="page">
        <ul class="mytabs" id="tabs">
            <li class="current"><a href="http://localhost/xxx/text_tab.php">Text</a></li>
            <li><a href="http://localhost/xxx/video_tab.php">Videos</a></li>
        </ul>
        <div id="content_tabs">
        <div class="mytabs-container" id="tabs-container">
            Laden, bitte warten...
        </div>
    </div>
    </div>