JSFiddle - React, Tailwind, and code Playground

by nicolapeluchetti

HTML

<input type="checkbox" id="set_1"> click to hide box 2


<p class = "wpbook_hidden wpbook_option_set_1">
   <input type="checkbox" id="set_2"> click to hide box 3
</p>

<p class = "wpbook_hidden wpbook_option_set_2">
   <input type="checkbox" id="set_3"> click 
</p>

JavaScript

$('.wpbook_hidden').show();

$(':checkbox').change(function(e) {
    if($(this).is(':checked')){
        $('.wpbook_option_'+e.target.id).fadeOut('slow');
    }else{
        $('.wpbook_option_'+e.target.id).fadeIn('slow');
    }
});