Skip to main content
3 de 4
added 6 characters in body
Erlon Charles
  • 5,5mil
  • 11
  • 30
  • 48

O .accordion() tem dois eventos chamados beforeActivate e create utilizei os dois eventos para maniputar o cabeçalho, para remove os icones utilizei o option icons.

O resultado do código foi esse:

$(function() {
    $("#accordion").accordion({
        icons: null,
        beforeActivate: function( event, ui ) {
            $("#" + ui.newHeader.attr("id")).children(".seta-btn-sub").toggleClass("active");
            $("#" + ui.oldHeader.attr("id")).children(".seta-btn-sub").toggleClass("active");
        },
        create: function( event, ui ) {
            $("#" + ui.header.attr("id")).children(".seta-btn-sub").toggleClass("active");
        }
    });
});

Para fazer os teste com background utilizei este :

.seta-btn-sub {
    background: red;
    padding: 10px;
    float:left;
    border-radius: 7px;
}
.seta-btn-sub.active{
    background: #00FF00;
}

Dessa forma você vai poder inserir este código e colocar o para exibir o que precisar.

Erlon Charles
  • 5,5mil
  • 11
  • 30
  • 48