JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<table class="table table-hover">
    <thead>
        <th>Program Name</th><th>Incentive Type</th><th>Max Incentive</th>
    </thead>
    
    <tbody>
        <tr data-toggle="collapse" data-target="#accordion" class="clickable">
            <td>{{ title }}</td>
            <td>{{ field_incentive_type }}</td>
            <td>{{ field_incentive_amount }}</td>
        </tr>
        <tr>
            <td colspan="3">
                <div id="accordion" class="collapse">{{ field_incentive_program_desc }}
                <a href="{{ field_incentive_website }}" target="_blank">More Information</a>
                </div>
                
            </td>
        </tr>
    </tbody>
</table>