necesito que el contenido de un checkbox desmarcado se oculte al marcar otro checkbox. Imagen del problema: [![introducir la descripción de la imagen aquí][1]][1] **Js** <script> $('#alternar').click(function(){ $('#prueba').toggle(); }); $(".placeholder").select2({ placeholder: "Make a Selection", allowClear: true }); </script> <script> $('#alternarpaypal').click(function(){ $('#pruebapaypal').toggle(); }); $(".placeholder").select2({ placeholder: "Make a Selection", allowClear: true }); </script> Html: <input type="radio" class="new-control-input" name="custom-radio-2" id="alternar" onclick="uncheckAndCheck(event)"/> <div id="prueba"> "CONTENIDO CHECKBOX 1" </div> <input type="radio" class="new-control-input" name="custom-radio-1" id="alternarpaypal" onclick="uncheckAndCheck(event)"/> <div id="pruebapayal"> "CONTENIDO CHECKBOX 2" </div> **Css** <style> #prueba{ display:none } #pruebapaypal{ display:none } </style> [1]: https://i.sstatic.net/BV1ci.png lo que necesito es que se oculte el contenido del checkbox que este desmarcado no tengo mucho conocimiento en js y necesito lograr esto, gracias.