Podrías hacer algo así (te lo muestro con dos divs nomás pero creo que se entiende la idea):
Código HTML:
<form>
<p>
<label for="detalle" style="margin-left: 4px">Ver Detalles:</label>
<input id="detalle" type="radio" name="rad" checked="checked" onclick="mostrarDetalle()" />
<label for="asistencia" style="margin-left: 4px">Ver Asistencia:</label>
<input id="asistencia" type="radio" name="rad" onclick="mostrarAsistencia()" />
</p>
<div id="mostrarDetalle">Mostrar detalle</div>
<div id="mostrarAsistencia">Mostrar asistencia</div>
</form>
<script type="text/javascript">
function mostrarDetalle() {
document.getElementById("mostrarDetalle").style.display = 'block';
document.getElementById("mostrarAsistencia").style.display ='none';
document.getElementById("asistencia").checked = false;
document.getElementById("detalle").checked = true;
}
function mostrarAsistencia() {
document.getElementById("mostrarAsistencia").style.display ='block';
document.getElementById("mostrarDetalle").style.display = 'none';
document.getElementById("asistencia").checked = true;
document.getElementById("detalle").checked = false;
}
mostrarAsistencia();
</script>
Y de paso al agregar el for a tus label, cliqueando sobre el nombre de los radiobutton también se seleccionan (es algo incómodo tener que cliquear solamente en el circulito que es muy chico).