I have a form element, that is hidden or show depending on a dropdown element in my form. I've been able to change the visibility when the dropdown changes.
Here's my code right now:
$("select[name=post_category]").change(function(){
var id = $("select[name=post_category]").val();
if(id != 3){
$("dt#post_url-label").hide();
$("dd#post_url-element").hide();
}
else{
$("dt#post_url-label").show();
$("dd#post_url-element").show();
}
});
What I want is the fields to be hidden, unless the page loads with id=3 (so i can't just hide them with CSS), in that case the field has to be visible from the start. Right now, the field is always visible on pageload.
Any suggestions how I should go about this?