JQM toggle Menu

http://stackoverflow.com/questions/14505844/jquery-mobile-refreshing-a-div-for-web-mobile

HTML

<div data-role="page" id="page1">
    <div data-role="header">
    <h1>Page 1</h1>
    </div>

    <div data-role="content">
        <!-- TOGGLE --> 
        <div data-role="navbar" data-grid="a" class="menu">
            <ul>
                <li><a href="#page1">News</a></li>
                <li><a href="#page2">Items</a></li>    
            </ul>
        </div>
        
        <!-- /TOGGLE --> 
        <a href="#" data-role="button" class="nav">open menu</a>
    </div>

    <div data-role="footer">
        footer content
    </div>
</div>
<div data-role="page" id="page2">
    <div data-role="header">
    <h1>Page 2</h1>
    </div>

    <div data-role="content">
        <!-- TOGGLE --> 
        <div data-role="navbar" data-grid="a" class="menu">
            <ul>
                <li><a href="#page1">News</a></li>
                <li><a href="#page2">Items</a></li>    
            </ul>
        </div>
        
        <!-- /TOGGLE --> 
        <a href="#" data-role="button" class="nav">open menu</a>
    </div>

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

JavaScript

$('.mm-cerrar-x').click(function() {
  $('html').removeClass("mm-opened  mm-right mm-opening");
});

$('.ver-menu').click(function() {
  $('html').addClass("mm-opened  mm-right mm-opening");
});