<nav>
<div class="navmenu">
<div id="profile-nav">
<ul id="profile-navigation" class="nav">
<li><a href="#page-1">About</a></li>
<li><a href="#page-2">Measurements</a></li>
<li><a href="#page-3">Pictures</a></li>
<li><a href="#page-4">Contact</a></li>
</ul>
</div>
</div>
</nav>

<div class="content" id="page-1">
<h2>Page 1</h2>
<p>Text...</p>
</div>

<div class="content" id="page-2">
<h2>Page 2</h2>
<p>Text...</p>
</div>

<div class="content" id="page-3">
<h2>Page 3</h2>
<p>Text...</p>
</div>

<div class="content" id="page-4">
<h2>Page 4</h2>
<p>Text...</p>
</div>

<ul id="profile-navigation" class="nav">
 <li><a href="javascript:showContent('page-1');">About</a></li>
 <li><a href="javascript:showContent('page-2');">Measurements</a></li>
 <li><a href="javascript:showContent('page-3');">Pictures</a></li>
 <li><a href="javascript:showContent('page-4');">Contact</a></li>
</ul>

function showContent(id)
{
    jQuery('.content').css('display','none');
    jQuery('#'+id).css('display','block');
}