Внезапно эти 3 выпадающих списка, которые я на своей домашней странице перестали отвечать.Я чувствую, что схожу с ума и просто не могу понять это.Код ниже.
У меня есть 3 коробки, которые содержат таблицы, которые отображаются при нажатии .Однако они не раскрываются. Они должны выглядеть следующим образом при нажатии .
Веб-сайт thrivematching.com , если вам нужно проверить его.Он работал не так давно, поэтому не уверен, что случилось.Меню гамбургера (на мобильном телефоне) также перестает работать.Похоже на совместную проблему, но не уверен?
HTML для 3 раскрывающихся таблиц:
<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>