var toggleButtonAutoCollapseMilliseconds = 12000;

$(document).ready(function() {
    $('.toggleButton').each(function() {
        var icon = document.createElement('span');
        $(icon).addClass('toggleIcon');
        $(this).prepend(icon);

        var idOfElementToToggle = $(this).attr('rel');
        if (idOfElementToToggle) {
            animatedcollapse.addDiv(idOfElementToToggle, 'hide=1,fade=0'); // I changed "hide=0" to "hide=1" to make the div collapse upon loading
            $(this).click(function(event) {
                event.preventDefault();
                animatedcollapse.toggle(idOfElementToToggle);
                $(this).toggleClass('collapsed').toggleClass('expanded');
            });

            var elementToToggle = $('#' + idOfElementToToggle);
            if ($(elementToToggle).css('display') == 'none') {
                $(this).addClass('collapsed');
            } else {
                $(this).addClass('expanded');
            }

            var self = this;
            window.setTimeout(function() {
                if ($(elementToToggle).css('display') != 'none') {
                    $(self).trigger('click');
                }
            }, toggleButtonAutoCollapseMilliseconds);
        }
    });
    animatedcollapse.init();
});