如何使用 javascript 打开和关闭折叠答案

【问题标题】：How to turn collapse on and off with javascript如何使用 javascript 打开和关闭折叠
【发布时间】：2020-09-16 16:24:49
【问题描述】：

我从搜索框中使用 Laravel 进行搜索，当我找到它时，我输入粗体并将背景颜色设为黄色。如果我找到的单词是collapse，我可以打开collapse吗？我想我可以用 js 做到这一点。但如何？如果搜索部分有单词，css会这样变化。

$row->textMessage = preg_replace('/(' . $search . ')/i', "<b style='background-color: yellow'>$1</b>",

我要打开的折叠是这里的消息部分。

<div id="{{'collapse'.$oMessage->id}}" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                                            <div class="card-body">
                                                    <p><br>{!! $oMessage->htmlMessage !!}</p>
                                                    <p><br>{!! $oMessage->textMessage !!}</p>
                                            </div>

【问题讨论】：

标签： javascript css collapse

【解决方案1】：

var a = $('b.highlighted-text').parents('div.collapse');
$(a).toggleClass('collapse collapse show')

它取class的值并进行折叠显示。非常简单的 2 行代码。

【讨论】：