我正在尝试进行搜索以在成功的搜索结果上打开任何手风琴面板,但找不到正确的解决方案。我将在哪里以及如何更新脚本以启用这种功能?
脚本:
$("#search").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#table tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
手风琴:
<div class="accordion">
<!-- Start Search -->
<input style="margin: 1em 0 0.8em;" id="search" type="text" placeholder="Quick Search">
<!-- End Search -->
<h3>Title</h3>
<div>
<table class="table">
<tbody id="table">
<tr>
<td>lorem ipsum
</td>
<td>lorem ipsum
</td>
</tr>
<tr>
<td>lorem ipsum
</td>
<td>lorem ipsum
</td>
</tr>
</tbody>
</table>
</div>
<h3>Title</h3>
<div>
<table class="table">
<tbody id="table">
<tr>
<td>lorem ipsum
</td>
<td>lorem ipsum
</td>
</tr>
<tr>
<td>lorem ipsum
</td>
<td>lorem ipsum
</td>
</tr>
</tbody>
</table>
</div>