在jquery中为单元格填充替代颜色

我想将背景色添加到具有多视图div的title和desc的单元格。默认情况下，我想将紫色添加到title 1，灰色添加到desc 1，紫色添加到title 2，灰色添加到“title 3”。现在，它的工作后，点击任何标题。 我想在装货时补上底色

jQuery（文档）.ready（函数（$）{
$（'.views-row-1.contactDesc'）.css（'display'，'block'）；
$（'.views-row-1.contactTitle'）.addClass（'active'）；
$（'.contactTitle'）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'.contactDesc'）.slideUp（）；
$（'.contactTitle'）.removeClass（'active'）；
$（'.contactTitle'）.addClass（'GRY-bg'）；
$（this）.next（'.contactDesc'）.slideDown（函数（）{
$（'.colorme'）.removeClass（'grey'）.removeClass（'purple'）；
$（'.colorme:visible:odd'）.addClass（'purple'）；
$（'.colorme:visible:偶数'）.addClass（'grey'）；
});
$（this.addClass（'active'）；
} 
});
});
.contactDesc{
显示：无；
}
紫色{
背景：紫色；
}
格雷先生{
背景：灰色；
}

标题1
描述1
标题2
描述2
标题3
描述3
我认为没有必要用javascript填充颜色。你只需要使用CSS就可以了。这是我从中删除jQuery颜色的snipet的副本。单击。。并将.contactTitle和.contactDesc类添加到您的css页面中


jQuery（文档）.ready（函数（$）{
$（'.views-row-1.contactDesc'）.css（'display'，'block'）；
$（'.views-row-1.contactTitle'）.addClass（'active'）；
$（'.contactTitle'）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'.contactDesc'）.slideUp（）；
$（'.contactTitle'）.removeClass（'active'）；
$（this）.next（'.contactDesc'）.slideDown（函数（）{
});
$（this.addClass（'active'）；
} 
});
});
.contactDesc{
显示：无；
}
.purple，.contactTitle{
背景：紫色；
}
.grey，.contactDesc{
背景：灰色；
}

标题1
描述1
标题2
描述2
标题3
描述3
您只需触发单击事件即可


jQuery（文档）.ready（函数（$）{
$（'.views-row-1.contactDesc'）.css（'display'，'block'）；
$（'.views-row-1.contactTitle'）.addClass（'active'）；
$（'.contactTitle'）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'.contactDesc'）.slideUp（）；
$（'.contactTitle'）.removeClass（'active'）；
$（'.contactTitle'）.addClass（'GRY-bg'）；
$（this）.next（'.contactDesc'）.slideDown（函数（）{
$（'.colorme'）.removeClass（'grey'）.removeClass（'purple'）；
$（'.colorme:visible:odd'）.addClass（'purple'）；
$（'.colorme:visible:偶数'）.addClass（'grey'）；
});
$（this.addClass（'active'）；
} 
});
$（'#test'）。触发器（'click'）；
});
.contactDesc{
显示：无；
}
紫色{
背景：紫色；
}
格雷先生{
背景：灰色；
}

标题1
描述1
标题2
描述2
标题3
描述3
为什么不使用css？我试过在单击颜色后进行折叠，就像Lara Belle问的那样，为什么不使用纯css，删除着色javascript。。。瞧！不？先生/女士，不要把事情复杂化。如果可以用简单的方法完成。开始：）只需在元素上触发事件