<div>
    <project-nav-bar
            project="project.project"
            projects="project.projects">
    </project-nav-bar>

    <div class="project-content">
        <div ng-if="project.loaded" class="row">
            <div ng-class="{'col-sm-12': project.isExpanded('help'), 'col-sm-4': !project.isExpanded('help') && project.showHelp()}"
                 ng-show="project.showHelp()">
                <userguide></userguide>
            </div>
            <div ng-class="{'col-sm-8': project.showHelp(), 'col-sm-12': !project.showHelp()}"
                 ng-show="!project.isExpanded('help')">
                <div ui-view></div>
            </div>
        </div>
    </div>
</div>


<div>
    <project-nav-bar
            project="project.project"
            projects="project.projects">
    </project-nav-bar>

    <div class="project-content">
        <div ng-if="project.loaded" class="row">
            <div ng-class="{'col-sm-12': project.isExpanded('help'), 'col-sm-4': !project.isExpanded('help') && project.showHelp()}"
                 ng-if="project.showHelp()">
                <userguide></userguide>
            </div>
            <div ng-class="{'col-sm-8': project.showHelp(), 'col-sm-12': !project.showHelp()}"
                 ng-if="!project.isExpanded('help')">
                <div ui-view></div>
            </div>
        </div>
    </div>
</div>


Remove brief flash as page loads and decides content by replacing ng-show with ng-if.
Remove brief flash as page loads and decides content by replacing ng-show with ng-if.
