I've spent at least 4 hours on this simple thing that I cant seem to get the hang of.
I basically want to show an element but I cant seem to select it. It has to be relative to the location of the button.
This is my on click:
- $('#remScnt').live('click', function() {
$(this).parents('p').remove();
$('#pr_div').remove();
i--;
$(this).parent().parent().children("#addsign").css("visibility", "visible"); //this is the part that i cant get
return false;
});
And this is my HTML, with the highlighted part that I want to hide and that was what I click to hide it.
- <div id="p_scents{{ counter }}">
<div id="itmQty" name="{{ item.quantity }}" style="display:hidden;"></div>
<p><input type="text" name="attributes[note]" id="note" rows="1" cols="90" value="Enter message to engrave"><a href="#" id="addScnt"><i class="icon-plus-sign" id="addsign"></i></a><span style="position:relative;margin-left:330px;margin-top:-5px;" id="prc_div">+ {{ linklists.gift-wrap.links.first.object.price | money }}</span></p>
<p style="margin-top:-10px;" name="textbox' + i +'" id="textbox' + i + '"><input type="text" name="attributes[note]" id="note" rows="1" cols="90" value="Enter message to engrave"><a href="#" id="remScnt"><i class="icon-remove-sign"></i></a><span style="position:relative;margin-left:330px;margin-top:-5px;" id="prc_div">+ ' + engravePrice + '</span></p>
</div>
I've attached my file for those who are kind enough to look at it. Thank you!