Adding content to jQuery mmenu

by Akram kamal

HTML

<div id="page">
            <div class="header">
                <a href="#menu"></a>
                Demo
            </div>
            <div class="content">
                <p><strong>This is a demo.</strong><br />
                    Click the menu icon to open the menu.</p>
                <p>For more demos, a tutorial, documentation and support, please visit <a href="http://mmenu.frebsite.nl" target="_blank">mmenu.frebsite.nl</a></p>           
            </div>
            <nav id="menu">
                <ul>
                    <li><a href="#article">Article</a></li>
                    <li><a href="#contact">Contact</a></li>
                    <li><a href="#support">Support</a></li>
                </ul>
            </nav>
    
    <div class="main">
        <div id="article" class="hide">foo bar</div>
        <div id="contact" class="hide">bar foo</div>
        <div id="support" class="hide">foo bar foo</div>
    </div>
        </div>

CSS

.hide{
    display:none;
}

JavaScript

$(function(){
    $('nav').on('click', 'a', function(){
        $('.main div').hide();
        var id = $(this).attr('href');
        $('.main div'+id).show();
    });
});