basically my end goal is to hide a voucher code then reveal when clicked and open the url in a new window,
my first problem is the way the site is coded, i can't use a single jquery function because all of the instances will have the same ID/Class, so the action will cause all of the divs to reveal no matter which one is clicked.
so i need to give each div id a unique class,
here is my code:
Code:
<script>
$("#revealVoucher").click(function () {
$("#voucherCode").show("slow");
});
</script>
Code:
<div id="revealVoucher" >
<a href="<?=$affiliate_url?>" target="_blank">Reveal Code</a>
</div>
<div id="voucherCode">
<a href="<?=$affiliate_url?>"><?=$voucher_code?></a>
</div>
this would be perfect if each instance of this code could be given a unique class and this is where i am stuck, how could I give both ID's (revealVoucher / voucherCode) these classes, eg revealVoucher_01, revealVoucher_02 in order for them to work independently?