Hacer acordeón la barra lateral del blog con jQuery

Aquí voy a mostrar una forma sencilla de transformar en acordeón barra lateral o sidebar bel blog en Blogger.

1. Vamos a ir al panel de configuración del blog. Estando ahí, ir a Plantilla y entrar en "Editar HTML". 
2. Presionar (Ctrl+F) en el buscador pegar </head>
3. Una vez localizado pagar antes de este el siguiente código:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
//<![CDATA[
$(function() {
    $('.sidebar .widget-content').hide();   
    $('.sidebar h2:first').addClass('active').next().slideDown('slow');
    $('.sidebar h2').click(function() {
        if($(this).next().is(':hidden')) {           
            $('.sidebar h2').removeClass('active').next().slideUp('slow');     
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>


Guardar la plantilla y ver el resultado en la barra lateral de tu blog .

Si la plantilla ya está equipado con jQuery, no pegar ese código.

Ver Demo