I wanted to make sure that when I selected the first radio button and pressed the kek button, the test1 element disappeared and the test2 element opened, but nothing happens

for (var value = 1) { $(document).ready(function() { $("#lol").click(function() { $("#test1").hide(); $("#test2").show(); }); }); } 
 #test2 { display: none; } body { background-color: lightblue; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="test1"> <p><b>********</b></p> <label> <p><input name="dzen" type="radio" value="1"> Не дзен</p> </label> <label> <p><input name="dzen" type="radio" value="2"> Дзен</p> </label> <label> <p><input name="dzen" type="radio" value="3"> Полный дзен</p> </label> </div> <div id="test2"> <p>Lorem ipsum dolor sit amet</p> </div> <button id="lol">kek</button>

    1 answer 1

    To do this, correct the script as follows:

     $(document).ready(function(){ $("#lol").click(function(){ if($("input[name=dzen]:checked").val() == 1) { $("#test1").hide(); $("#test2").show(); } }); });