要实现列表页点击哪个标题然后会加载红色的css样式

迅睿框架更新 2022-11-14 12:47:02

游子2018

要实现列表页点击哪个标题然后会加载红色的css样式，否则不加载，如何写呢？

 {module catid=$catid order=updatetime page=1}
     <div class="layui-collapse" lay-accordion="">
       <div class="layui-colla-item" >
         <h2 class="layui-colla-title" style="font-weight: bold;background: #fff;  border-right: 5px solid #FF5722;">
        {$t.title}</h2>
         <div class="layui-colla-content layui-show" style="background: #fff; color: #999; line-height: 180%;">
           任务时间
         </div>
       </div>

     </div>
     {/module}

lb_20221114105431

方案

匿名者 #1 · 2022-11-14 11:00:53

你说hover吗？但是你说的不合理啊，不变红酒不加载，你没表达正确吧？
sky #2 · 2022-11-14 11:04:49

Js点击增加class就可以了，百度
帝云网络-长期接单 #3 · 2022-11-14 11:05:01
你这个没有点击打开内容，无法使用CMS的判断。你用的是layui的折叠面版，只支持打开内容自定义样式，，标题恐怕不行。这样就是打开的内容变色。
```
.layui-collapse .layui-show {color: #f00}
```
游子2018 #4 · 2022-11-14 11:10:11

如果做个判断默认第一条加载这个怎么写呢？这是layui的折叠好像没有js
游子2018 #5 · 2022-11-14 11:13:12

<div class="layui-colla-content {if $t.ext_pd_ljinjicd == '紧急'}layui-show{else}{/if} " style="background: #fff; color: #999; line-height: 180%;">如果默认第一条加载应该如何写呢
帝云网络-长期接单 #6 · 2022-11-14 11:49:30

满意答案
判断第一条写法：{if $is_first}第一条{/if}
```
<div class="layui-colla-content  {if $is_first}layui-show{/if} "
```
游子2018 #7 · 2022-11-14 12:47:02

@帝云网络-长期接单：感谢大神！