Abrir menú alterno

[JavierMMM]

Hola a todos. Estoy tratando de cosntruir una especie de menú alterno, esto es, al marcar un checkbox, desplegar un div en el cual pueda ver lo que tengo en otro archivo [en este caso, esoty trabajando con ASP 3.0]... Esto ya lo puedo hacer con ajax, pero en versiones de Firefox 4 y IE9, no funciona. En el subforo de ajax, me comentaron que quizás con jQuery pueda lograrlo para cualquier versión de cualquier navegador.

Ya tengo un script en el cual mediante una liga, despliego el div; ahora lo que necesito es, que dentro de ese div, pueda ver lo que tengo en ese otro archivo, que son dos calendarios, los cuales elegire una fecha de cada uno para obtener eun rango y una vez hecho esto, enviar esa información a un siguiente proceso.

Este es el código jQuery que les comento:

Código Javascript:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".boton").click(function(){
$("#desplegable").slideToggle("slow");
});
$("#desplegable").css({ display: 'none' });
});
</script>
 

Código HTML:

<a href="#" class="boton">Ver / Ocultar contenido</a>
<div id="desplegable">
<h2>Contenido oculto</h2>
<p>Sólo verás este contenido si despliegas el panel.</p>
</div>
 

Espero haberme dado a entender y que alguien pueda apoyarme.

Saludos...

[Siedrix]

Tu codigo lo puedes checar aqui, http://jsfiddle.net/RyA8Y/ y esta funcionando bien, checa que otras cosas de la pagina podrian estar causando problemas.

[JavierMMM]

Gracias Siedrix, muy útil esa aplicación... pero en realidad el código si funciona a la perfección... lo que necesito saber es, ¿cómo puedo llamar al otro archivo al igual que lo hago en ajax?

En ajax lo hago de la siguiente manera:

Código Javascript:

function funcionPrub()
    {
        if (document.pre_for_1.frm.checked)
        {
            document.getElementById("resultPrub").style.display= 'block';
            divResultPrub=document.getElementById('resultPrub');
            ajax=nuevoAjax();
            ajax.open("GET","fechas.asp",true);
 
            ajax.onreadystatechange=function()
            {
                if(ajax.readyState==4)
                {
                   divResultPrub.innerHTML = ajax.responseText;
                }
            }
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
            ajax.send(null)
        }
        else 
        {
            document.getElementById("resultPrub").style.display= 'none';
        }
    }