necesito que el contenido de un checkbox desmarcado se oculte al marcar otro checkbox.
Imagen del problema:
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"/>
<div id="prueba">
"CONTENIDO CHECKBOX 1"
</div>
<input type="radio" class="new-control-input" name="custom-radio-1" id="alternarpaypal"/>
<div id="pruebapayal">
"CONTENIDO CHECKBOX 2"
</div>
Css
<style>
#prueba{
display:none
}
#pruebapaypal{
display:none
}
</style>
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.