JSFiddle - React, Tailwind, and code Playground

HTML

<title>Edit Forms</title>	 
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<body>
<table>
	<tr>
		<td style='width:5%'>
			<button type='button' name='dropbown' id='dropdown_3' class='drop_down_show'>+</button>
			<button type='button' name='dropbown' id='dropdown_3' class='drop_down_hide'>-</button>
		</td>
		<td style='width:45%'>
			<b style='text-decoration: underline'></b>
		</td>
		
		<td style='width:55%'>				
				<a href='#' class='edit_del'>Edit/View Form</a>
		  		<a href='#' class='edit_del'>Delete Form</a>
		</td>
	</tr>
	
	<tr id="display_dropdown_3" style="display: none" >
		<td colspan="3"> 
			TEST    TEST    TEST    TEST    TEST    TEST    
		</td>
	</tr>
	
</table>
</body>
</html>

JavaScript

$( '.drop_down_show' ).click(function() {
		$( "#display_" + this.id ).show();
	});
	
	$( '.drop_down_hide' ).click(function() {
		$( "#display_" + this.id ).hide();
	});