时间戳

首页 > 解决方案 > 如何使用 javascript 打开和关闭折叠

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

问题描述

我从搜索框中使用 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>

标签： javascriptcsscollapse

解决方案

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

它取了类的价值，做了一个崩溃的表演。这是非常简单的 2 行。

推荐阅读