Аккордеон jQuery с заголовками, изменяющими цвет?

#jquery-ui #colors #accordion #jquery-ui-accordion

#jquery-пользовательский интерфейс #Цвет #аккордеон #jquery-пользовательский интерфейс-аккордеон

Вопрос:

Я пытаюсь создать jQuery accordion, который при нажатии изменит свой стиль на .active{}, чтобы заголовок открытой панели accordion выглядел иначе, чем все остальные панели accordion. Вот что у меня есть на данный момент (это заставляет аккордеон работать, но цвета — нет):

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

Рассмотрите возможность использования jQueryUI, который уже делает это за вас. Затем вы можете просто изменить стиль активного элемента с помощью CSS. Смотрите http://jqueryui.com/demos/accordion

Комментарии:

1. Не могли бы вы привести мне пример рестайлинга (или объяснить это более снисходительно)? У меня не очень большой опыт.