Когда переключатель проверяется - показать выберите раздел тега

Question

Так я использую плагин Contact Form 7 для WordPress, и я эта форма с кнопками 2 радио:

<input type="radio" name="investorlandlord" value="I'm an Investor"> 
<input type="radio" name="investorlandlord" value="I'm a Landlord" tabindex="1"> 

Когда я инвестор кнопка нажата мне нужно следующее ниспадающее меню, чтобы оказаться под ним:

<select name="finance" class="wpcf7-form-control wpcf7-select" id="finance"><option value="Finance Available">Finance Available</option>...</select> 

и когда другая кнопка проверила мне нужно это ниспадающее меню, чтобы появиться:

<select name="properties" class="wpcf7-form-control wpcf7-select" id="properties"><option value="Number of Properties">Number of Properties</option>...</select> 

Есть ли простой способ сделать это в WordPress?

Answer 1

Я решил эту проблему, используя это право здесь, и это работает отлично :)

jQuery(function(){ 
       jQuery("input[name=investorlandlord]").change(function(){   


      if ($(this).val() == "I'm a Landlord") { 
      jQuery("#properties").slideDown() 
      } 
      else { 
      jQuery("#properties").slideUp(); 
      }                
     }); 
    }); 
jQuery(function(){ 
     jQuery("input[name=investorlandlord]").change(function(){   


      if ($(this).val() == "I'm an Investor") { 
      jQuery("#finance").slideDown() 
      } 
      else { 
      jQuery("#finance").slideUp(); 
      }                
}); 
});