Can I create collapsible text in Home Panel?

I'd like to create collapsible text sections in the home panel for items such as status/activities/alerts/ so as to reduce crowding but I can't configure via the html editor - I know it's possible via html/css/js but haven't had sucess with just the essentials editor. I've tried the folowing without success:

 

<div data-collapse="accordion persist"> <p><a href="#">Alerts</a></p> <div>No Current Alerts </div> </div>

 

and other such variations as:

 

<a href="#demo" class="btn btn-info" data-toggle="Alerts">Alerts</a>

 

  <div id="demo" class="collapse">

 

    No Alerts.

 

  </div>

 

</div>

 

Any thoughts?

 

James