Slide+Toggle

=jQuery Slide Toggle=
 * persiana
 * @http://api.jquery.com/slideToggle/

code format="jquery" jQuery(document).ready(function {       //si queremos que al principio esté escondido                jQuery("#divPersiana").hide;       //ponemos la función toggle al evento click del enlace                jQuery('#enlace").click(function {                      if(jQuery('#divPersiana').is(':hidden'))                        {                           //si queremos actuar antes de que se muestre (por ejemplo, llamada Ajax);                        }                      jQuery('#divPersiana').slideToggle("slow");                }); } code
 * Ejemplo usando un hyperlink**
 * 'divPersiana' se esconde o muestra cada vez que se hace click a 'enlace'
 * podemos hacer una actuación antes, segun esté mostrado o no
 * podemos inicializarlo a escondido

code format="html4strict" 
 * Ejemplo usando un radio button para mostrar o no un mappa de Bing**

$(document).ready(function {                    $("input.rdoBingMapToggle").click(function  { $("#divBingMap").slideToggle("slow", function {                            $("#rdoBingMapHide").attr('disabled', $("#divBingMap").is(':visible') ? "" : "disabled");                           $("#rdoBingMapShow").attr('disabled', $("#divBingMap").is(':visible') ? "disabled" : "");                       }); });               });

 " />  " /> 

code

Lo mismo mediante JavaScript
En Head code format="javascript"  function Collapse { var d = document.getElementById("DivCollapse"); if (d.style.display == "") { d.style.display = "none"; document.forms[0].ButtonCollapse.value = "Open"; }           else { d.style.display = ""; document.forms[0].ButtonCollapse.value = "Close"; }       } code

En la página code format="html4strict"  Element Title   Content area ...

code Resultado