Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui JQuery手风琴,带颜色变化标题?_Jquery Ui_Colors_Accordion_Jquery Ui Accordion - Fatal编程技术网

Jquery ui JQuery手风琴,带颜色变化标题?

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

我正在尝试制作一个jqueryaccordion,当单击它时,它的样式将更改为.active{},因此打开accordion窗格的标题看起来与accordion的所有其他窗格不同。以下是我到目前为止所做的(它使手风琴起作用,但颜色不起作用):


$(函数(){
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>