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

Error resizing - when tab contains a panel with body #17

Closed nikitul closed 8 years ago

nikitul commented 9 years ago

If inside of div with class="tab-content" we have a panel with his body (class="panel-body"), when we try to resize, it happens 2 things:

  1. This error is coming up: TypeError: $(...).attr(...) is undefined var destinationId = $( tabContent ).attr( 'id' ).replace ( /^/, '#collapse-' );
  2. It ruins the content of the panel

Please check resizing on fiddle:http://jsfiddle.net/r0k8244t/1/

bkd commented 9 years ago

Same issue. Panel contents completey disappear

ngalotti commented 9 years ago

I had the same issue, the way I fixed it was by changing a line in the fakewaffle.panelToTab function from: var panelContents = $( panelGroup ).find( '.panel-body' ); to: var panelContents = $( panelGroup ).find( '>.panel-default>.panel-collapse>.panel-body' );

openam commented 8 years ago

It looks like this would be fixed with #39.