Jaxel
Well-known member
I would like to load a div after the fact. Previously, I would do this using the tab loader:
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.
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.