Нужно сделать, чтоб при нажатии на блок он увеличивался ,и при повторном нажатии обратно уменьшался

{{#items}}
<a id="top" href="/ourpartners/?partner={{ID}}" class="op-partner-item" data-id="{{ID}}" target="_blank" title="Подробнее в новой вкладке">
 <div class="partner-name">{{displayName}}</div>
 <div class="partner-logo" {{#hasImage}} style="background-image:url(/img/site-media/partners/{{ListImage}});" {{/hasImage}}>
     {{#partnerType2}}
     <div class="partner-logo-female">{{>svgPartnerFemale}}</div>
     {{/partnerType2}}
     
     {{#partnerType1}}
     <div class="partner-logo-male">{{>svgPartnerMale}}</div>
     {{/partnerType1}}
     
     {{#partnerType0}}
     {{#hasSvg}}
     {{{ImageSvg}}}
     {{/hasSvg}}
     {{#noLogo}}
     <div class="partner-no-logo">{{>svgPartnerNoLogo}}</div>
     {{/noLogo}}
     {{/partnerType0}}
 </div>
 <div class="partner-description">{{Title}}</div> ---текст который появляется при увеличении
</a>
{{/items}}