title: Textarea is required only when certain answers are chosen from two radio buttons
body: <p>I have two radio buttons (both required). So I need to make it so, that when the first radio button is set to Yes, you have to tell why in the textarea and when the second one is No you have to fill out why as well.</p>
  
  <pre><code>&lt;h4&gt;Are any of the item(s) missing?&lt;/h4&gt;
  Yes&lt;input type ="radio" name ="missing" id = "missing1" value = "Yes" required&gt;
  No&lt;input type ="radio" name ="missing" id = "missing2" value = "No" &gt;
  &lt;div class = "lossnum"&gt;
      &lt;h5&gt;How many?&lt;/h5&gt;
      &lt;input type="number" name="lossnum" id = "lossnum" placeholder="0"&gt;
  &lt;/div&gt;
  &lt;h4&gt;Question 2&lt;/h4&gt;
  
  Yes&lt;input type ="radio" name ="putback" id = "putback1" value = "Yes" required&gt;
  No&lt;input type ="radio" name ="putback" id = "putback2" value = "No"&gt;
  </code></pre>
  
  <p>Some things I have tried:</p>
  
  <p>Just using a modal that shows up when buttons are chosen (modals never worked, so I gave up).</p>
  
  <p>I also tried:</p>
  
  <pre><code>$(document).ready(function () {
    $(".lossnum").hide();
      $(".comments").hide();
      $(".returncomments").hide();
  
      $("#missing1").click(function () {
          $(".lossnum").show();
          $(".comments").show();
          $(".returncomments").show();
      });
      $("#missing2").click(function () {
          $(".lossnum").hide();
          $(".comments").hide();
          $(".returncomments").hide();
      });
       $("#putback2").click(function () {
          $(".comments").show();
          $(".returncomments").show();
      });
      $("#putback1").click(function () {
          $(".comments").hide();
          $(".returncomments").hide();
      });
  });
  </code></pre>
  
  <p>This works for what it's meant to do. But just wasn't what I wanted with things closing when they shouldn't, and the textarea could still just be ignored.</p>