Show and Hide calendar links
HTML
<div class="add-calendar-block">
<div class="add-to-calendar-btn btn btn-primary btn-block ace_btn_0">ADD TO CALENDAR</div>
<div class="cal-links">
<a class="cal-link" target="_blank" href="https://www.google.com/calendar/render?action=TEMPLATE&text=Investor%20Update&dates=20210312T150000Z/20210312T170000Z&details=Argo%20Group%20will%20host%20an%20Investor%20Update%20Meeting%20on%20March%2012%20at%2010%20a.m.%20EST%20to%20provide%20investors%20with%20a%20comprehensive%20look%20into%20the%20company%E2%80%99s%20go-forward%20strategy.%20The%20meeting%20will%20include%20a%20presentation%20by%20Argo%20Group%20Chief%20Executive%20Officer%20Kevin%20Rehnberg%20and%20other%20members%20of%20the%20executive%20leadership%20team%20followed%20by%20a%20question%20and%20answer%20session.&location=&sprop=&sprop=name:">Google Calendar</a>
<a class="cal-link" target="_blank" href="http://calendar.yahoo.com/?v=60&view=d&type=20&title=Investor%20Update&st=20210312T100000Z&dur=0200&desc=Argo%20Group%20will%20host%20an%20Investor%20Update%20Meeting%20on%20March%2012%20at%2010%20a.m.%20EST%20to%20provide%20investors%20with%20a%20comprehensive%20look%20into%20the%20company%E2%80%99s%20go-forward%20strategy.%20The%20meeting%20will%20include%20a%20presentation%20by%20Argo%20Group%20Chief%20Executive%20Officer%20Kevin%20Rehnberg%20and%20other%20members%20of%20the%20executive%20leadership%20team%20followed%20by%20a%20question%20and%20answer%20session.&in_loc=">Yahoo! Calendar</a>
<a class="cal-link" target="_blank" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0AURL:http://carlsednaoui.github.io/add-to-calendar-buttons/generator/generator.html%0ADTSTART:20210312T150000Z%0ADTEND:20210312T170000Z%0ASUMMARY:Investor%20Update%0ADESCRIPTION:Argo%20Group%20will%20host%20an%20Investor%20Update%20Meeting%20on%20March%2012%20at%2010%20a.m.%20EST%20to%20provide%20investors%20with%20a%20comprehensive%20look%20into%20the%20company%E2%80%99s%20go-forward%20strategy.%20The%20meeting%20will%20include%20a%20presentation%20by%20Argo%20Group%20Chief%20Executive%20Officer%20Kevin%20Rehnberg%20and%20other%20members%20of%20the%20executive%20leadership%20team%20followed%20by%20a%20question%20and%20answer%20session.%0ALOCATION:%0AEND:VEVENT%0AEND:VCALENDAR">iCal Calendar</a>
<a class="cal-link" target="_blank" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0AURL:http://carlsednaoui.github.io/add-to-calendar-buttons/generator/generator.html%0ADTSTART:20210312T150000Z%0ADTEND:20210312T170000Z%0ASUMMARY:Investor%20Update%0ADESCRIPTION:Argo%20Group%20will%20host%20an%20Investor%20Update%20Meeting%20on%20March%2012%20at%2010%20a.m.%20EST%20to%20provide%20investors%20with%20a%20comprehensive%20look%20into%20the%20company%E2%80%99s%20go-forward%20strategy.%20The%20meeting%20will%20include%20a%20presentation%20by%20Argo%20Group%20Chief%20Executive%20Officer%20Kevin%20Rehnberg%20and%20other%20members%20of%20the%20executive%20leadership%20team%20followed%20by%20a%20question%20and%20answer%20session.%0ALOCATION:%0AEND:VEVENT%0AEND:VCALENDAR">Outlook Calendar</a>
</div>
</div>
CSS
.cal-links{display:none;}
.cal-link{
display:block;
position:relative;
widith:100%;
}
JAVASCRIPT
$( document ).ready(function() {
$( ".add-to-calendar-btn" ).click(function() {
$( ".cal-links" ).toggle( "slow" );
});
});