Как правильно организовать загрузку вкладок?

    <div class="sts">
        <ul class="sts-nav">
            <li class="selected"><a href="#tab-2">Трейлер</a></li>
            <li><a href="#tab-3">Смотреть онлайн</a></li>
        </ul>
        <div class="sts-container">
            <div id="tab-2">
                [xfgiven_trailer][xfvalue_trailer][/xfgiven_trailer]
                <div class="clr"></div>
            </div>
            <div id="tab-3">
                    [xfgiven_filml][xfvalue_filml][/xfgiven_filml]
            </div>
            
        </div>
    </div>

    $('ul.sts-nav li a').click(function(){
        tabC2.hide();
        tabC2.filter(this.hash).show();
        $('ul.sts-nav a').parent('li').removeClass('selected');
        $(this).parent('li').addClass('selected');
        return false;
        }).filter(':first').click();