Jquery Accordion CSS header color changes based on IF 然后

Question

我基本上知道如何创建 JQuery Accordion 并且可以插入我的 MSSQL 数据有标题但我想根据列数据更改标题的颜色。 @{var db = Database.Open("DB"); var commstat = "SELECT [name],[time],[state] FROM [dbo].[COMMLINE_STATUS]"; }

  $(function () {

      $("#accordion").accordion();

  });

@foreach(db.Query(commstat) 中的 var ms){

<div id="accordion">
<h3><a href="#">@ms.name</a></h3>
<div>
<p>@ms.time</p>
</div>}

根据向上或向下的状态，我希望 Accordion 盒的颜色向上为绿色，向下为红色。

Answer 1

为什么不在你的 CSS 中添加类似 ui-accordion-content-active 的样式并设置(绿色)样式，同时使用 ui-accordion-content 设置红色样式？ jQuery 已经在 Accordion 元素上使用类。