I saw your other post. You just used the variable directly in your custom HTML element... something like this:
<a href="{dataset/supplierDocs/sdsLink}">
The trouble is, the variable will give you a delimited list of all the values in this sort of situation. Since you already have each link broken out the way you want in the hidden fields, what you need is to use some javascript that updates the custom HTML with the link from it's own collection block section after the page loads all the data. Give your hidden URL field a CSS class, like hiddenURL, and also give the link element in your custom HTML a CSS class like this:
<a class="myLink" href="">
Then on the form load, loop over each collection block and run some javascript to use your hidden field to set the href attribute on the <a> tag in the same block:
$(document).ready(function(){
$('.cf-collection > div.form-q').each(function(){
$(this).find('.myLink').prop('href',$(this).find('.hiddenURL input').val());
});
});
EDIT: Updated the JS to fix an error based on the comment below.