Multi-page issue when starting from 2nd page in.

[cheerfuloriole]

Let's say I sent an email to you and it contained a link with a hashtag and you clicked on it.

Example: http://www.mysuperduperwebsite.com/#messageID3432. It loads properly. Great.

There is only one button on this page and it takes you to the main dashboard. You click on it and the main dashboard transitions in. Great.

Now you want to open up the side menu to update your profile. You click the menu button, it slides open, but there is nothing there... no css, no markup...a big white gap of 240px.

This is the page markup for the link I sent you. Notice the a tag with a display:none;.

<div data-role="page" id="messageID3432">
<a href="#message-center"">Go to Main Dashboard</a>

<!-- data-slidemenu must be referenced in this page. -->
<a data-slidemenu="#slidemenu" style="display:none;"></a>

</div>

Now that data-slidemenu is referenced in the page, when you go to the Message Center (or main dashboard) the slide menu will work.

 <div data-role="page" id="message-center">
<!-- The Message Center dashboard. -->

<a href="#" data-slidemenu="#slidemenu" data-slideopen="false" >Open Slide Menu</a>

</div>

It works but as you can see it adds bloat to the page. Any other solution?