JSFiddle - React, Tailwind, and code Playground
HTML
<div class="content">
<div class="left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque ligula non dolor porttitor interdum. Donec at felis tempor nulla efficitur tincidunt. Maecenas lobortis, lacus sit amet fringilla ultrices, velit tellus mattis orci, vel varius mauris felis mollis est. Mauris vitae dignissim orci, ut feugiat purus. Aenean rhoncus, lorem a pellentesque porttitor, lectus erat pretium enim, id posuere metus purus at velit. Vestibulum at elit at odio rhoncus eleifend. Nullam consequat eu magna at finibus. Cras odio orci, convallis eu porta a, pulvinar non odio. Mauris eget nibh urna. Aliquam lacinia sem diam, eget iaculis eros pulvinar sed. Donec fermentum sapien id orci consequat, non dictum odio efficitur. Praesent luctus eleifend nulla. In tristique eget augue at ornare. </p>
<span></span>
</div>
<div class="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque ligula non dolor porttitor interdum. Donec at felis tempor nulla efficitur tincidunt. Maecenas lobortis, lacus sit amet fringilla ultrices, velit tellus mattis orci, vel varius mauris felis mollis est. Mauris vitae dignissim orci, ut feugiat purus. Aenean rhoncus, lorem a pellentesque porttitor, lectus erat pretium enim, id posuere metus purus at velit. Vestibulum at elit at odio rhoncus eleifend. Nullam consequat eu magna at finibus. Cras odio orci, convallis eu porta a, pulvinar non odio. Mauris eget nibh urna. Aliquam lacinia sem diam, eget iaculis eros pulvinar sed. Donec fermentum sapien id orci consequat, non dictum odio efficitur. Praesent luctus eleifend nulla. In tristique eget augue at ornare.
</div>
</div>
<a href="#" class="button">тыц</a>
CSS
.left {
width:50%;
float:left;
background-color:green;
color:#fff;
}
.right {
width:50%;
float:left;
background-color:red;
color:#fff;
}
JavaScript
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
jQuery( document ).ready(function( $ ) {
setEqualHeight($(".content > div"));
$( '.button' ).click(function() {
$('.left p').text("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque ligula non dolor porttitor interdum. Donec at felis tempor nulla efficitur tincidunt. Maecenas lobortis, lacus sit amet fringilla ultrices, velit tellus mattis orci, vel varius mauris felis mollis est. Mauris vitae dignissim orci, ut feugiat purus. Aenean rhoncus, lorem a pellentesque porttitor, lectus erat pretium enim, id posuere metus purus at velit. Vestibulum at elit at odio rhoncus eleifend. Nullam consequat eu magna at finibus. Cras odio orci, convallis eu porta a, pulvinar non odio. Mauris eget nibh urna. Aliquam lacinia sem diam, eget iaculis eros pulvinar sed. Donec fermentum sapien id orci consequat, non dictum odio efficitur. Praesent luctus eleifend nulla. In tristique eget augue at ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque ligula non dolor porttitor interdum. Donec at felis tempor nulla efficitur tincidunt. Maecenas lobortis, lacus sit amet fringilla ultrices, velit tellus mattis orci, vel varius mauris felis mollis est. Mauris vitae dignissim orci, ut feugiat purus. Aenean rhoncus, lorem a pellentesque porttitor, lectus erat pretium enim, id posuere metus purus at velit. Vestibulum at elit at odio rhoncus eleifend. Nullam consequat eu magna at finibus. Cras odio orci, convallis eu porta a, pulvinar non odio. Mauris eget nibh urna. Aliquam lacinia sem diam, eget iaculis eros pulvinar sed. Donec fermentum sapien id orci consequat, non dictum odio efficitur. Praesent...