我主页上的这3个下拉框突然停止了响应。我觉得我快疯了，只是无法弄清楚。代码在下面。
I have 3 boxes that contain tables that are revealed on click。但是，它们没有显示出来。 They should look like this when clicked。
如果您需要检出网站，则该网站为thrivematching.com。不久前就开始运作，因此不确定发生了什么。汉堡菜单（在移动设备上）也停止工作。似乎是一个共同问题，但不确定吗？
3个下拉列表的HTML：
<div class="accordion mt-5" id="scenarios" role="tablist" aria-multiselectable="true">
<div class="panel-primary mb-3">
<div class="text-white" role="tab" id="studentHeading">
<h4>
<button class="w-100 p-4 btn-primary text-center" data-toggle="collapse" data-parent="#scenarios" data-target="#student" aria-expanded="false" aria-controls="student">
<div class="d-flex justify-content-between">
<div class="col-10 text-center text-sm-left">
<span>100% Student Loan Contribution</span>
</div>
<div class="col-2 h-100 my-auto">
<span class="symbol rounded-circle d-block ml-auto"></span>
</div>
</div>
</button>
</h4>
</div>
<div id="student" class="rounded panel-collapse collapse" role="tabpanel" aria-labelledby="studentHeading">
<h5 class="text-center pt-5 mx-3">Employer contributes <strong>$0</strong> to employee retirement plan and <strong>$3,000</strong> to student loans annually.</h5>
<div class="mr-3">
<table class="table justify-content-center text-center text-white round-table mt-5 mb-2 table-responsive-sm">
<caption>
<span class="sr-only">100% Student Loan Contribution</span>
</caption>
<thead>
<tr>
<td class="pr-4"></td>
<th scope="col">Retirement Plan</th>
<th scope="col">Student Loan</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="pr-4">Employee Contributes</th>
<td>0%</td>
<td>5% ($250/month)</td>
</tr>
<tr>
<th scope="row" class="pr-4">Employer Match</th>
<td>0%</td>
<td>5% ($250/month)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel-secondary mb-3">
<div class="text-white" role="tab" id="retirementHeading">
<h4>
<button class="w-100 p-4 btn-secondary text-center" data-toggle="collapse" data-parent="#scenarios" data-target="#retirement" aria-expanded="false" aria-controls="retirement">
<div class="d-flex justify-content-between">
<div class="col-10 text-center text-sm-left">
<span>100% Retirement Plan Contribution</span>
</div>
<div class="col-2 h-100 my-auto">
<span class="symbol rounded-circle d-block ml-auto"></span>
</div>
</div>
</button>
</h4>
</div>
<div id="retirement" class="panel-collapse collapse rounded" role="tabpanel" aria-labelledby="retirementHeading">
<h5 class="text-center pt-5 mx-3">Employer contributes <strong>$0</strong> to employee student loans and <strong>$3,000</strong> to retirement plan annually.</h5>
<div class="mr-3">
<table class="table w-100 justify-content-center text-center text-white round-table mt-5 mb-2 table-responsive-sm">
<caption>
<span class="sr-only">100% Retirement Plan Contribution</span>
</caption>
<thead>
<tr>
<td class="pr-4"></td>
<th scope="col">Retirement Plan</th>
<th scope="col">Student Loan</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="pr-4">Employee Contributes</th>
<td>5% ($250/month)</td>
<td>0%</td>
</tr>
<tr>
<th scope="row" class="pr-4">Employer Match</th>
<td>5% ($250/month)</td>
<td>0%</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel-support mb-3">
<div class="text-white" role="tab" id="splitHeading">
<h4>
<button class="w-100 p-4 btn-support text-center" data-toggle="collapse" data-parent="#scenarios" data-target="#split" aria-expanded="false" aria-controls="split">
<div class="d-flex justify-content-between">
<div class="col-10 text-center text-sm-left">
<span>Retirement Plan/Student Loan Split</span>
</div><div class="col-2 h-100 my-auto">
<span class="symbol rounded-circle d-block ml-auto"></span>
</div>
</div>
</button>
</h4>
</div>
<div id="split" class="panel-collapse collapse rounded" role="tabpanel" aria-labelledby="splitHeading">
<h5 class="text-center pt-5 mx-3"> Employer contributes <strong>$1,800</strong> to employee retirement plan and <strong>$1,200</strong> to student loans annually. Retirement plan contributions must be matched before student loan contributions can be applied.</h5>
<div class="mr-3">
<table class="table w-100 justify-content-center text-center text-white round-table mt-5 mb-2 table-responsive-sm">
<caption>
<span class="sr-only">Retirement Plan/Student Loan Split</span>
</caption>
<thead>
<tr>
<td class="pr-4"></td>
<th scope="col">Retirement Plan</th>
<th scope="col">Student Loan</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="pr-4">Employee Contributes</th>
<td>3% ($150/month)</td>
<td>5% ($250/month)</td>
</tr>
<tr>
<th scope="row" class="pr-4">Employer Match</th>
<td>3% ($150/month)</td>
<td>2% ($100/month)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>