Question

Riddle me this: How can I use jQuery to display an element ONLY when a specific option is selected in a box?

.click clearly isn’t the right event— but i’ve been hunting around and can’t find out to work with form options.

EX:

  $('option[name="publish_on"]').click(function(){
      $('.secret').fadeIn();
  })

Answer 1

$('your selects class or id').change(function(){    
    if($(this).val() == "publish_on"){
        $('.secret').fadeIn();
    }
    else{
        $('.secret').hide();
    }
});