Utiliza el metodo toggleClass
que elimina o agrega una clase. Entonces en el css agregas una regla css que ocultaraIntenta asignandole el elementomismo nombre al radio para que la tenga aplicadasiempre haya un solo seleccionado. Asi, siLuego se le dade clic al radio muestras el div o lo ocultalas utilizando checkboxaddClass()
, entonces agregamos o quitamos la clase que oculta el div y removeClass()
:
$("#ocultar1""#ocultar2").change(function(){
$("#div1").toggleClassaddClass('oculto');
});
$("#ocultar2""#ocultar1").change(function(){
$("#div2""#div1").toggleClassremoveClass('oculto');
});
.oculto{
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="checkbox"type="radio" name="nombreInput" id="ocultar1" /> OcultarMostrar 1
<input type="checkbox"type="radio" name="nombreInput" id="ocultar2" /> Ocultar 2
</div>
<div class="oculto" id="div1">
Div 1
</div>
<div class="oculto" id="div2">
Div 2
</div>