Adding jquery animation to blogger

I want to implement the collapse feature in my blog.

Following the tutorial from http://www.stramaxon.com/2013/09/expandable-section-boxes.html

<div class='hidden-section-container'>
  <div class='sh-section-btn'><span>Show</span></div>
  <div class='h-section-cont shw-box'>
    <!-- All your text/html below this -->
     <p>All your content here</p>
    <!-- All your text/html above this -->
  </div>
</div>

Show

Sample title goes here
All your content here
All the contents that needs to go for the collapse feature goes here