如何用javascript开启和关闭折叠功能?

问题描述 投票:0回答:1

我从搜索框用Laravel搜索,找到后就打粗字,并把背景色做成黄色。如果我找到的词是折叠的, 我可以让折叠打开吗? 我想我可以用js来做,但是怎么做呢?如果搜索部分有一个词,css就会这样变化.

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

我想打开的collapse是这里的消息部分.

<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个回答
0
投票
var a = $('b.highlighted-text').parents('div.collapse');
$(a).toggleClass('collapse collapse show')

它把类的值,做一个折叠显示。很简单的2行。

© www.soinside.com 2019 - 2024. All rights reserved.