Jquery ui JQuery手风琴,带颜色变化标题?
我正在尝试制作一个jqueryaccordion,当单击它时,它的样式将更改为.active{},因此打开accordion窗格的标题看起来与accordion的所有其他窗格不同。以下是我到目前为止所做的(它使手风琴起作用,但颜色不起作用):Jquery ui JQuery手风琴,带颜色变化标题?,jquery-ui,colors,accordion,jquery-ui-accordion,Jquery Ui,Colors,Accordion,Jquery Ui Accordion,我正在尝试制作一个jqueryaccordion,当单击它时,它的样式将更改为.active{},因此打开accordion窗格的标题看起来与accordion的所有其他窗格不同。以下是我到目前为止所做的(它使手风琴起作用,但颜色不起作用): $(函数(){ nyah=$(“#手风琴”)。手风琴({ 事件:“鼠标悬停”, 动画:“慢”, 活动:2, }); $('#div0').bind('accordionchange',函数(事件,ui){ 添加消息(“更改”); ui.oldHeader
$(函数(){
nyah=$(“#手风琴”)。手风琴({
事件:“鼠标悬停”,
动画:“慢”,
活动:2,
});
$('#div0').bind('accordionchange',函数(事件,ui){
添加消息(“更改”);
ui.oldHeader.removeclass('active');
ui.newHeader.addclass('active');});
手风琴(“激活”,1);
});
setTimeout(函数(){nyah.accordion(“activate”,0)},1000);
考虑使用jQueryui,它已经为您完成了这项工作。然后,您可以使用CSS重新设置活动项的样式。请看你能给我举一个重新排序的例子(或者更委婉地解释一下)吗?我不是很有经验。
<script type="text/javascript">
$(function () {
nyah = $("#accordion").accordion({
event: "mouseover",
animate: "slow",
active: 2,
});
$('#div0').bind('accordionchange', function(event, ui) {
addMessage("change");
ui.oldHeader.removeclass('active');
ui.newHeader.addclass('active');});
nyah.accordion("activate", 1);
});
setTimeout(function () { nyah.accordion("activate", 0) }, 1000);
</script>