Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabs collapsed when they're inside a hidden div. #11

Open
microcipcip opened this issue Feb 26, 2014 · 1 comment
Open

Tabs collapsed when they're inside a hidden div. #11

microcipcip opened this issue Feb 26, 2014 · 1 comment

Comments

@microcipcip
Copy link

The tabs stay collapsed (despite startCollapsed: false) if they are inside a hidden div (FAQs). Example:

<div style="display: none;">
<!-- [Tabs] -->
<div class="tabs">
    <ul>
        <li><a href="#tab-1">Element1</a></li>
        <li><a href="#tab-2">Element2</a></li>
        <li><a href="#tab-3">Element3</a></li>
    </ul>
    <div id="tab-1"><p>Tab 1</p></div>
    <div id="tab-2"><p>Tab 2</p></div>  
    <div id="tab-3"><p>Tab 3</p></div>
</div>
<!-- [/End Tabs] -->
</div>
@jellekralt
Copy link
Owner

This is indeed a known issue, not only with this plugin but with a lot of jQuery plugins. The browser doesn't render elements well when it loaded hidden. I'm planning on adding a refresh function that can be used to refresh the heights of the plugin when it becomes visible, i'm afraid I don't know when i'll be able to add this though..

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants