i know there is probably a better way of doing this, i have tried many ways. i would normally do the .hide()
or .show()
but the css display switch has been working better on FF, not on IE. anyway here is my code
$(".VariationSelect option[value='21']").click(function () {
$("#21").css("display", "block");
});
$(".VariationSelect option[value!='21']").click(function () {
$("#21").css("display", "none");
});
ive tried case switch and if and else but no worky
please let me know asap
oops heres the html
<div class="Value">
<select name="variation[1]" class="VariationSelect" style="width: 180px;">
<option value="">Choose a Ring Size</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="21">Custom</option>
</select>
</div>
<div id="21" style="margin-left:20px; float:left; display:none">
<div class="Label" style="margin-top:5px; ">
Custom Size:
</div>
</div>