summary collapsible content don't change after open it

[UTOPIA-PARIS]

Hey ! 

Summary collapsible content don't change after open it :

before click : 

After click :

This is the code used for it in section-main-product.css :

.collapsible:after {
 
  content: '\002B';
  color: darkgray;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
   content: "\2212";

}

By the way, how can i make the content  transition more smoother ?

Thanks for help !! 

website : utopia-paris.fr

[Shadab_dev]

Opening it more smoothly, that would be some change in css code. 
And for the text changing, that depends if you need different content in different products. In that case you will have to use product metafields. 

Please reach out via mail for a convenient conversation and solution.

Thanks 

Shadab Ali