2

Estou a fazer um site baseado em Bootstrap, no qual tenho uma zona de portefólio, em que miniaturas abrem uma respectiva DIV colapsável. Preciso que quando uma DIV colapsável esteja aberta, a respectiva miniatura mude a sua formatação CSS, neste caso de cor. Tentei adicionar uma class a esta chamada ".cliente_activo" através do meu Javascript, mas como não sou expert nesta última linguagem, não obtive sucesso. Agradecia que me pudessem ajudar.

O meu protótipo:

FIDDLE

1 Resposta 1

7

Estava bem perto, fiz uma alteração e adicionei uma linha para remover as classes que tivessem sido adicionadas a outros elementos

Testa assim:

 $('.panel-heading').on('click', function () {
     var self = this;
     $('.cliente_activo').removeClass('cliente_activo'); // remover a classe em todos os elementos que a tiverem
     $(this).addClass('cliente_activo'); // adicionar a a classe ao elemento que recebeu o clique
     if (!bigMedia) {
         $('.panel-collapse').slideUp();
         $(this).parent().next().slideToggle('collapse');
         $(this).addClass('cliente_activo');
     } else {
         if (conteudo) {
             conteudo.slideToggle(function () {
                 $(this).remove();
                 abrirFechar(self);
                 // retirei daqui
             })
         } else abrirFechar(self);
     }

 });

Exemplo

Também daria para usar o aberto que você já tem no código, exemplo

7
  • Obrigado, só tu me vens ajudar! :D Agora ficou com dois bugs, em que quando fechamos a div a classe não volta ao ao que estava inicialmente. E em modo ecrã pequeno não quando temos uma div aberta, ao clicarmos no respectivo botão para a fechar, ela fecha e reabre. Commented 28/03/2014 às 18:32
  • 1
    @user3216077: aqui fica: jsfiddle.net/qN46N é assim que devia ser?
    – Sergio
    Commented 28/03/2014 às 18:54
  • 1
    Sim é isto. Muito obrigado! :D Commented 28/03/2014 às 20:54
  • 1
    @user3216077, e que tal assim: jsfiddle.net/H8kP2
    – Sergio
    Commented 28/03/2014 às 21:50
  • 1
    Nem mais! 5 estrelas! Muito obrigado! :D Commented 28/03/2014 às 22:18

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .