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

After Resizing #40

Closed mrfouad2000 closed 8 years ago

mrfouad2000 commented 8 years ago

well i found some issue with my site, when i resize the page the current panel disappear and could not be open until i resize the page a gain

i replaced this Code 

 if ( $( '.panel-group.responsive' ).is( ':visible' ) === true && fakewaffle.currentPosition === 'tabs' ) {
            fakewaffle.tabToPanel();
            fakewaffle.currentPosition = 'panel';
        } else if ( $( '.panel-group.responsive' ).is( ':visible' ) === false && fakewaffle.currentPosition === 'panel' ) {
            fakewaffle.panelToTab();
            fakewaffle.currentPosition = 'tabs';
        }

with this 

 if ($('.panel-group.responsive').css('display') === 'block' && fakewaffle.currentPosition === 'tabs') {
            //alert(1);
            fakewaffle.tabToPanel();
            fakewaffle.currentPosition = 'panel';
        } else if ($('.panel-group.responsive').css('display') === 'none' && fakewaffle.currentPosition === 'panel') {
            //alert(2);
            fakewaffle.panelToTab();
            fakewaffle.currentPosition = 'tabs';
        }

and it solved it, good luck :)

openam commented 8 years ago

I'm guessing it's because you didn't have an id defined. Should have been fixed in #30.