JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="wrap">
		<div id="main">
			
			
			<div class="row">
				<div class="column">
					<p><a href="#" title="Click me!">Link 1</a></p>
				
					<div class="box">
						<p>Hide me</p>
					</div>
				</div>
				
				<div class="column">
					<p><a href="#" title="Click me!">Link 2</a></p>
				
					<div class="box">
						<p>Hide me</p>
					</div>
				</div>
				
				<div class="column">
					<p><a href="#" title="Click me!">Link 3</a></p>
				
					<div class="box">
						<p>Hide me </p>
					</div>
				</div>
			</div>
		</div>
	</div>

JavaScript

$(document).ready(function(){
        $('a').click(function(){
             
            $(this).closest('.column').children('.box').hide();
        });  
    });