Por que nós precisamos colocar uma div contendo o panel-body e colapsá-la, ao invés de simplesmente colapsar o panel-body?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por que nós precisamos colocar uma div contendo o panel-body e colapsá-la, ao invés de simplesmente colapsar o panel-body?
Olá Dante, tudo bem?
Desculpe a demora em retornar.
A div contendo o panel-body é necessária para que o Bootstrap possa aplicar o efeito de colapso corretamente. Quando você colapsa apenas o panel-body, o efeito não é aplicado da maneira esperada e pode causar problemas de layout.
Ao utilizar a div, você está criando uma estrutura que permite que o Bootstrap aplique o efeito de colapso de forma adequada. Além disso, essa estrutura também permite que você adicione outros elementos dentro do panel-body, sem que eles sejam afetados pelo efeito de colapso.
Espero ter ajudado a esclarecer sua dúvida. Se tiver mais alguma pergunta, é só perguntar!
Um abraço e bons estudos.