$(document).ready(function(){
    $("#resource_content1,#resource_content2,#resource_content3,#resource_content4,#resource_content5,#resource_content6,#resource_content7,#resource_content8").hide();

     $('div[class^="resource_open"]').click(function() {
        var thisClass, thisDiv, matches;

        /* grab the first class as a reference */
        matches = $(this).attr('class').match(/^[\w]+/);
        thisClass = matches[0].replace('open', 'content');

        /* define the content div */
        thisDiv = '#' + thisClass;

        /* close all other sections besides this one */
        $('div[class^="resource_open"]').not($(this)).removeClass('open');
        $('.content-open').not(thisDiv).slideToggle('slow').removeClass('open');

        /* remove the content-open class from the other divs */
        $('#text_content_full div.content-open').not(thisDiv).removeClass('content-open');

        /* toggle the content div */
        $(thisDiv).slideToggle('slow').toggleClass('content-open');
        
        /* remove the other open tags */
        
        /* add the open class to the click div to swap out the background image */
        $(this).toggleClass('open');
    });
});
