Add option to set a breakpoint to determine when the tabs switch to an accordion

[mknabe]

Added a breakpoint option to determine when tabs switch to an accordion instead of using CSS classes. The plugin was breaking for me (on the is(':visible') check) when the element was inside of a flexbox element and this was my solution.

Example usage:

$('#myTab').tabCollapse({
  breakpoint: 720
});

This would cause the tabs to be displayed when the screen is greater than or equal to 720px and the accordion when the screen is less than 720px.

[clydebaron2000]

so you add this to your modified bootstrap?

[mknabe]

is(':visible') isn't a very reliable check. This solution would work for everyone

[clydebaron2000]

oh and the $('#myTab').tabCollapse({ breakpoint: pixel# }); goes in the main js right

[mknabe]

Correct

[clydebaron2000]

is the collapsing element still in a flexbox?

[mknabe]

Yes? I'm not exactly sure what you're asking... the element doesn't move

[clydebaron2000]

are the tab(s) that use .tabCollapse in a flexbox?

[mknabe]

Yes