Dos radiobuttons con el mismo atributo id llamando a dos div diferentes

Tengo dos radiobutton que tienen el mismo atributo id y quiero llamar a dos <div> diferentes, pero que cada uno seleccione un <div> diferente en WordPress.

Respuestas

Me temo que lo que comentas sobre dos radiobuttons con el mismo id no es correcto. Lo que tienen que compartir los radiobuttons agrupados es el atributo name, pero el id siempre debe ser diferente para dos elementos de una misma página:

<input type="radio" name="opciones" value="opcion1" id="opcion1"> Opción 1
<input type="radio" name="opciones" value="opcion2" id="opcion2"> Opción 2

Con esto, y ya que utilizas jQuery, resulta muy sencillo mostrar/ocultar diferentes elementos <div>:

<input type="radio" name="opciones" value="opcion1" id="opcion1"> Opción 1
<input type="radio" name="opciones" value="opcion2" id="opcion2"> Opción 2
 
<div id="div1"> ... </div>
<div id="div2"> ... </div>

$(document).ready(function() {
    $("#opcion1").click(function() {
        $("#div1").show();
        $("#div2").hide();
    });
 
    $("#opcion2").click(function() {
        $("#div1").hide();
        $("#div2").show();
    });
});

@javiereguiluz

30 mayo 2014, 9:10