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.