External header not hiding when showing internal header

External header not hiding when showing internal header

Hello! I'm using an "External toolbar" as a persistent header. The thing is that some of may jqm pages (login and others) doesn't need this header. Here it says:

If you navigate to a page that does not have a header or footer within it these toolbars will persist. Otherwise they will hide to allow the page's internal header and footer to show.


It look really simple, just need to add other header to the pages that dont need it. The problem is that when I do it the external header keeps showing.

Here is a very simple code where  I'm trying to make it work: https://jsfiddle.net/8L5p3y3b/

If I'm right the external header should hide in this example. Any clues? I am misunderstanding something?

Thanks in advance, Danilo