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!