XF 2.0 Tab loading... without the tabs?

Jaxel

Well-known member
I would like to load a div after the fact. Previously, I would do this using the tab loader:

Code:
<div class="tabs tabs--standalone">
    <div role="tablist" class="hScroller"
            data-xf-init="tabs h-scroller"
            data-panes=".js-mediaTabPanes"
            data-state="replace">
        <span class="hScroller-scroll">
            <a id="comments" role="tab" class="tabs-tab is-active"
                    href="{{ link('ewr-medio/comments', $media) }}">
                {{ phrase('comments') }}</a>
        </span>
    </div>
</div>

<ul class="tabPanes js-mediaTabPanes" data-xf-init="medio-pagenav" data-media-id="{$media.media_id}">
    <li data-href="{{ link('ewr-medio/comments', $media) }}" id="commentsPane_{$media.media_id}"
            role="tabpanel" aria-labelledby="comments">
        <div class="blockMessage">{{ phrase('loading...') }}</div>
    </li>
</ul>

However, I only have ONE tab. So I don't need the actual tab itself. Is there a way to use the tab-loader, without having it display the actual tab selector? I guess I could hide it with some CSS... but there has got to be a better way.
 
Back
Top Bottom