Jquery Mobile Panel visible on page change

Question

I'm using Jquery Mobile's panel widget and for some odd reason When I click on a link inside the panel, it get the normal transistion but the panel remains visible while the rest of the content fades out. Here's the markup

<div data-role="page">

<div data-role="panel" id="panel">
<ul data-role="listview">

<li><a href="../index.html" data-ajax="false" 
data-transistion="none">Link</a></li>

</ul>
</div>

<div data-role="header"></div>

<div data-role="content"></div>

<div data-role="footer"></div>
</div>

Everything is written correctly but for some reason I'm getting this effect. It doesn't happen on any other page with a panel but this one. Could this be a problem with my Jquery files or my CSS? Any ideas whats going on?

Answer 1

I'm not sure why, but I re-downloaded my copy of jquery and jquery mobile and it seemed to fix any issues I was having. Could possibly be because I changed the default transition but who knows. The issue is fixed so I'm happy