search

openam / bootstrap-responsive-tabs

Bootstrap responsive tabs are tabs that switch to collapsible components (accordions) when resized.
openam.github.io/bootstrap-responsive-tabs
MIT License
132 stars 60 forks source link

Fade effect lost #54

Closed duongnamphuong closed 8 years ago

duongnamphuong commented 8 years ago 
Refer from http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tab_show&stacked=h
In the <div class="tab-content">, if I add "fade in" class to the first tab content, add "fade" class to second and so on tabs to gain the "fading" effect when switching tabs. Like this:

`

HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div id="menu1" class="tab-pane fade">
  <h3>Menu 1</h3>
  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

`

It works on large size of browser, but if I resize the browser to smaller screen, then toggle some tabs in the responsive interface, then resize the screen back to large size, at this time, the "fading" effect is lost.