Select one radio + javascript

Front-end
#1

Seguinte, tenho 2 radio button e cada um ao serem clicados devem mostras divs distintas com jQuery. Mas não estou conseguindo implementar… alguem da uma luz ai?
Sou novo com JavaScript e tenho essa duvida.

Codigo JS

jQuery(document).ready(function() {

jQuery('#fixo').checked(function(){
	    jQuery('#lp').hide();
		jQuery('#lf').show('slow');
		});

jQuery('#parcela').click(function(){
    jQuery('#lf').hide();
	jQuery('#lp').show('slow');
	});

});

e o meu Select one Menu

		<div id="conteudo" class="conteudo">
							<h:form id="formOpcao">
								<h:panelGrid columns="1">
									<p:selectOneRadio style="font-size: 10pt" required="true"
										layout="pageDirection" id="radio">
										<f:selectItem itemLabel="Lançamento Fixo" itemValue="1"
											value="#{beanPrincipal.tipo}" id="fixo" />

										<f:selectItem itemLabel="Lançamento Parcelado" itemValue="2"
											value="#{beanPrincipal.tipo}" id="parcela" />
									</p:selectOneRadio>
								</h:panelGrid>
							</h:form>
						</div>
#2

alguem?

#3