JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id='section_div'>
  <input type='radio' name='option' value='yes' />Yes
  <input type='radio' name='option' value='no' />No
</div>
<button id='show'> Show div </button>

JavaScript

$(document).ready(function() {

  $("#section_div").hide();

  $("#show").click(function() {
    $("#section_div").fadeIn(1000);
  });

  $("input[name=option]").on('change', function() {
    var selected_option = $('input[name=option]').filter(':checked').val();
    alert(selected_option);
  });

});