A ver asi? La logica es que al hacer click, se esconde todo contenido de la segunda columna, y se muestra un contenido en particular inmediatamente.
<li> <p onclick="document.getElementByClassName('conjunto' ). style.visibility="hidden"; document.getElementById('uno').style.visibility= "visible"">texto 1</p> </li>
<li> <p onclick="document.getElementsByClassName('conjunto '). style.visibility="hidden"; document.getElementById('dos').style.visibility= "visible"">texto 2</p> </li>
<div id="uno" class="conjunto" style="visibility:hidden"> </div>
<div id="dos" class="conjunto" style="visibility:hidden"> </div>