Estoy tratando de tener una sección de un formulario html para mostrar / ocultar en función de una casilla de verificación. Este es el código de esencia que tengo:

<script src="/js/jquery.js"></script>
<script language="JavaScript">
    function toggle(className){
        var $input = $(this);
        if($(this).prop('checked'))
            $(className).show();
        else
            $(className).hide();
        }
</script>

<fieldset><legend>Check Here
    <input type="checkbox" onclick="toggle('.myClass')" ></legend>
    <span class="myClass">
        <p>This is the text.</p>
    </span>
</fieldset>

Cuando hace clic en la casilla de verificación, el intervalo se oculta y no volverá. Tambien he usado$(this).is(':checked'). Parece que$(this).prop('checked') está evaluando afalso Si se comprueba o no. Mi mejor conjetura es que estoy usando$(this) incorrectamente. ¿Que me estoy perdiendo aqui?