admin Product details collapsible panel in Public site product details page

Is there any way to make it Admin collapsible panel of product details can be implemented in the public product details section
Below code from admin section
<div class="panel panel-default collapsible-panel" data-panel-name="product-info" id="product-info">
</div>

I want public site product details page with panel

1. collapsible-panel( name, short description , price)
2. collapsible-panel ( Full description)
3. collapsible-panel ( picture)

I guess you can make any div collapsible like this :

https://www.w3schools.com/howto/howto_js_collapsible.asp

The admin panel behaviour can be replicated as well with above.