Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.2.1" data-semver="2.2.1" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div>
      <span onclick = "route('a')">Post Content A</span>
      <span onclick = "route('b')">Post Content B </span>
      <div>
        <router-outlet></router-outlet>
      </div>
    </div>
  </body>

</html>

// Code goes here

var a1 = "Content 1";
 var b1 = "Content 2"; 
var router = $("router-outlet");
function route(param) {
  $("router-outlet").html("")
  if(param == 'a') {
    $("router-outlet").html(a1);
  }else {
   $("router-outlet").html(b1)
  }
}

/* Styles go here */