collapse para exibir no thunderbird, gmail etc...

galera...

este código abaixo é com código para fazer COLLAPSE, funciona perfeitamente em brownsers, porém no THUNDERBIRD e programas de emails, enfrento problemas, mas tentando aqui, copiando código alí e aqui, consegui resolver para que funcione no THUNDERBIRD.

 .collapseCss {
 margin-top: 50px;
 width: 50%;
 }

 .collapseCss .collapseContent {
 margin-bottom: 4px;
 margin-bottom: 15px;
 }

 .collapseCss .collapseHeader,
 .collapseCss .collapseBody {
 padding: 10px;
 display: block;
 border: 1px solid #dbdbdb;
 }

 .collapseCss .collapseHeader {
 width: 100%;
 border: 1px solid #dbdbdb;
 cursor: pointer;
 border-radius: 5px;
 transition: background-color .15s ease-in-out;
 }

 .collapseCss .collapseHeader:hover {
 background-color: #dbdbdb;
 }

 .collapseCss .collapseBody {
 background-color: #f4f4f4;
 margin-top: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 display: none;
 }

 .collapseCss .collapseContent:hover .collapseBody {
 display: block;
 }

 </style>

 <div class="collapseCss">
 <div class="collapseContent">
 <div class="collapseHeader">Collapse2</div>
 <div class="collapseBody">Content collapse2.</div>
 </div>
 </div>

	Agora, tipo.

	Ao passar o mouse em cima, clicar, ele EXPANDE.

	até ai, td bem...

	mas COMO POSSO ao passar o mouse, clicar, ele fixar FIXO, depois de sair o foco.

	e depois somente, quando clicar novamente, ele RETORNE ao modo COLLAPSE.

	Mas lembrando, programas de emails, não suportam javascript, jquery, então, tem que ser só em CSS, tem COMO isso acima?

	sugestões, agradeço de como implementar...

	Obrigado.