JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<div id='container'>
<div id='divA' class='toggleMe'>DIV A</div>
<div id='divB' class='toggleMe'>DIV B</div>
</div>
<a href='#' id='toggle'>Show viewB</a>
CSS
#divB {
display: none;
}
JavaScript
$('#toggle').click(function() {
$('#container > .toggleMe').toggle();
$(this).text(function(i,txt) {
return txt === "Show viewB" ? "Show viewA" : "Show viewB";
});
});