Skip to main content
adicionou 3 caracteres ao conteúdo
Fonte Link

Olá,

Seu código esta funcionando justamente como o programado, vamos as observações. Perceba que você da o slideToggle em todas as divs com a classe .panel-body, isso inclui a que você clicou e a que você não clicou. Para solucionar isso, vamos utilizar as funções parent() e children() do jQuery para pegar a div de idclasse .panel-body, mas somente do elemento clicado.

A função parent é responsável por pegar o elemento pai daquele em questão na árvore do DOM. Já a função children, por pegar o filho daquele elemento na árvore do DOM. Vamos ao código:

$(".btn-minimize").click(function(){
    $(this).toggleClass('btn-plus');

    // Volta até o elemento "panel-primary" e pega seu filho cuja classe seja ".panel"panel-body"
    $(this).parent().parent().children(".panel-body").slideToggle(); 
});



Espero ter ajudado, abraço!

Olá,

Seu código esta funcionando justamente como o programado, vamos as observações. Perceba que você da o slideToggle em todas as divs com a classe .panel-body, isso inclui a que você clicou e a que você não clicou. Para solucionar isso, vamos utilizar as funções parent() e children() do jQuery para pegar a div de id .panel-body, mas somente do elemento clicado.

A função parent é responsável por pegar o elemento pai daquele em questão na árvore do DOM. Já a função children, por pegar o filho daquele elemento na árvore do DOM. Vamos ao código:

$(".btn-minimize").click(function(){
    $(this).toggleClass('btn-plus');

    // Volta até o elemento "panel-primary" e pega seu filho cuja classe seja ".panel-body"
    $(this).parent().parent().children(".panel-body").slideToggle(); 
});



Espero ter ajudado, abraço!

Olá,

Seu código esta funcionando justamente como o programado, vamos as observações. Perceba que você da o slideToggle em todas as divs com a classe panel-body, isso inclui a que você clicou e a que você não clicou. Para solucionar isso, vamos utilizar as funções parent() e children() do jQuery para pegar a div de classe panel-body, mas somente do elemento clicado.

A função parent é responsável por pegar o elemento pai daquele em questão na árvore do DOM. Já a função children, por pegar o filho daquele elemento na árvore do DOM. Vamos ao código:

$(".btn-minimize").click(function(){
    $(this).toggleClass('btn-plus');

    // Volta até o elemento "panel-primary" e pega seu filho cuja classe seja "panel-body"
    $(this).parent().parent().children(".panel-body").slideToggle(); 
});



Espero ter ajudado, abraço!

Fonte Link

Olá,

Seu código esta funcionando justamente como o programado, vamos as observações. Perceba que você da o slideToggle em todas as divs com a classe .panel-body, isso inclui a que você clicou e a que você não clicou. Para solucionar isso, vamos utilizar as funções parent() e children() do jQuery para pegar a div de id .panel-body, mas somente do elemento clicado.

A função parent é responsável por pegar o elemento pai daquele em questão na árvore do DOM. Já a função children, por pegar o filho daquele elemento na árvore do DOM. Vamos ao código:

$(".btn-minimize").click(function(){
    $(this).toggleClass('btn-plus');

    // Volta até o elemento "panel-primary" e pega seu filho cuja classe seja ".panel-body"
    $(this).parent().parent().children(".panel-body").slideToggle(); 
});



Espero ter ajudado, abraço!