<div class="col-sm-6 col-md-4">
  <div class="thumbnail">
 <h3>Mid Range - £798.00</h3>
	 <img src="image" alt="Image Not found!">
	 <div class="caption">
		<p><a href="#" class="btn btn-primary" class="buttontest"  role="button" onclick="myFunction()" >Specifications</a>
		<a href="#" id=""class="btn btn-info" role="button">Purchase</a>
	 <p id="info1" class="hiddentext">Intel core i5 4460 4.2 GHz</p>
	 <p id="info2" class="hiddentext">Nvidia Geforce GTX 970 MSI Krait</p>
	 <p id="info3" class="hiddentext">8x8 GB DDr4 Corsair Vengeance 3200MHz RAM</p>
	 </div>
  </div>
</div>


$(".buttontest").click(function(){
    $(".hiddentext").toggleClass("toggled");
});

hiddentext

.hiddentext{
display: none;
opacity: 0;
}

.toggled{
display: inline-block;
opacity: 1;
}