JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<button value="asdasd">asd</button>
<div class="asdasd">
<table cellpadding="0" cellspacing="0" border="1" class="events-table" width="100%">

<tr>
<th id="YearHeader" colspan="3" align="center">lkjlkj
</th>
</tr>

<tr>
<th class="eventLabel">EVENT</th>
<th class="datesLabel" width="30%">DATES</th>
<th class="preregLabel" width="20%">Preregister</th>
</tr>

<tr class="hdr-country-names">
<td colspan="3">USA</td>
</tr>

<tr>
<td><a target="_top" href="http://toughmudder.com/events/2012-event-preregistration/">Alabama</a></td>
<td>Coming 2013</td>
<td><a target="_top" href="http://toughmudder.com/events/2012-event-preregistration/">Preregister</a></td>
</tr>

<tr>
<td><a target="_top" href="http://toughmudder.com/events/2012-event-preregistration/">Alaska</a></td>
<td>Coming 2013</td>
<td><a target="_top" href="http://toughmudder.com/events/2012-event-preregistration/">Preregister</a></td>
</tr>
    
</table>
    </div>

JavaScript

$("button").on("click", function(e) {
    $(this).next().slideToggle();
});