JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div id="wrapper">
    <div id="container-1" style="display: none;" class="btn-container"><a class="btn btn-default">button 1</a></div>
    <div id="container-2" class="btn-container"><a class="btn btn-default">button 2</a></div>
</div>

JavaScript

// logging
$('.btn').click(function(e){
    console.log('click', $(this).text());
});

// main part

$('#container-2').click(function(e){
    console.log(e.pageX, e.pageY);
    $(this).hide();
    $('#container-1').show();
    $(document.elementFromPoint(e.pageX, e.pageY)).trigger(e);
});