JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu-list">
  <li class="active"><a id="http://jsfiddle.net/chauhangs/D3eL5/show/" href="#" title="Title 1" onclick="display(this.id)">Link 1</a></li>
  <li><a id="http://jsfiddle.net/chauhangs/D3eL5/1/show/" href="#" title="Title 2" onclick="display(this.id)">Link 2</a></li>
  <li><a id="http://jsfiddle.net/chauhangs/D3eL5/2/show/" href="#" title="Title 3" onclick="display(this.id)">Link 3</a></li>
  <li><a id="http://jsfiddle.net/chauhangs/D3eL5/3/show/" href="#" title="Title 4" onclick="display(this.id)">Link 4</a></li>
</ul>

<div class="content">           
   <div class="innerContent" id="innerContent">
       
    
   </div>
</div>

JavaScript

function display(id)
{
  alert(id);
  document.getElementById("innerContent").innerHTML = ' <object id="content" type="text/html" data="'+id+'"  />';
}