arkada38,
<div id="div1">
<ul><li>Fisher</li>
<ul><li>John</li>
</ul>
</ul>
</div>
<div id="div2" style="display: none;">
<ul><li>John</li>
<ul><li>Fisher</li>
</ul>
</ul>
</div>
<input type="button" value="click" onClick="document.getElementById('div2').style.display == 'none' ? (document.getElementById('div2').style.display = 'block', document.getElementById('div1').style.display = 'none') : (document.getElementById('div2').style.display = 'none', document.getElementById('div1').style.display = 'block')">