JQuery手风琴带变色标头?

时间:2011-05-03 19:31:27

标签: jquery-ui colors accordion jquery-ui-accordion

我正在尝试制作一个JQuery手风琴,它会在点击时将其样式更改为.active {},因此开放式手风琴窗格的标题看起来与手风琴的所有其他窗格不同。这是我到目前为止(它使手风琴工作,但颜色没有):

    <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>

1 个答案:

答案 0 :(得分:0)

考虑使用已经为您执行此操作的jQueryui。然后,您可以使用CSS重新设置活动项的样式。见http://jqueryui.com/demos/accordion/