Looking to update the link caption on my Plunker provided below:
<ul class="bk_crs_rslt">
<li ng-repeat="c in courses">
<h4> {{c.CourseName }}<img src="image/bk_ad_btn.jpg" /> </h4>
<p><span style="color:#337ab7;">{{c.CollegeName}}</span><br>{{c.CountryName}}</p>
<p>
<a href="#" ng-click="c.show = !c.show" ng-show="!c.show"><img class="info_arw" src="image/bk_down_arw.png" />More Information</a>
</p>
<div>
<p ng-show="!c.show">
<b>Tution Fee</b> : {{c.Fee}}<br>
<b>Level</b> : {{c.LevelName}}<br>
<b>Detail </b> : {{c.Detail}} <br>
<b>Duration </b> : {{c.Duration}}<br>
<b>Subject </b> : {{c.Subject}}<br>
<b>IELTS Score </b> : {{c.Score}}<br />
</p>
<p>
<a href="#" ng-click="c.show = !c.show"><img class="info_arw" src="image/bk_up_arw.png" />Hide Information</a>
</p>
</div>
</li>
</ul>
</div>
https://plnkr.co/edit/lsIypaBviXNvEi7Pwok4?p=preview
I only want one link. When I click 'more information' the details should show, then change the link caption to 'hide information' and vice versa.
Please assist me with this request.