Strange behavior

[Andrei]

Hello guys,

i'm using the tabstrip and i have 

hdr = $("#[data-role=header]");
                ftr = $("#[data-role=footer]");

which gets the wrapper for footer and for tabstrip.

My goal is to have this script working

 if (window.innerHeight < window.innerWidth)//landscape mode
                                    {
                                        ftr.hide(); hdr.hide();
                                    } else {
                                        ftr.show(); hdr.show();
                                    }

Which, at first, does work. But when i'm going to another tabstrip, strange behavior occurs - the  other tab completely disappears!
Clearly, this is not the right approach. Is there a programmatic way to hide/show the footer/tabstrip?

Thansk!