$(document).ready(function() {

    //slides the element with class "menuBody" when class "menuHead" is clicked
    $("#DropDownPaneFAQ p.menuHeadFAQ").click(function() {
        if ($(this).next("div.menuBodyFAQ").is(':visible')) {
            //$(this).css({ backgroundImage: "url(../Images/leftArrow.png)" });
        }
        else {
            //$(this).css({ backgroundImage: "url(../Images/downArrow.png)" });
        }
        $(this).next("div.menuBodyFAQ").toggle();
        //$(this).css({ backgroundImage: "url(../Images/downArrow.png)" }).next("div.menuBody").slideDown(300).siblings("div.menuBody").slideUp("slow");
        $(this).next("div.menuBodyFAQ").siblings("div.menuBodyFAQ").slideUp("slow");
        //$(this).siblings().css({ backgroundImage: "url(../Images/leftArrow.png)" });
    });
    //slides the element with class "menuBody" on mouseover
    $("#SlidingPane p.menuHeadFAQ").mouseover(function () {
        // this displays images in menu
        //$(this).css({ backgroundImage: "url(../Images/downArrow.png)" }).next("div.menuBodyFAQ").slideDown(10).siblings("div.menuBodyFAQ").slideUp(10);
        //$(this).siblings().css({ backgroundImage: "url(../Images/leftArrow.png)" });

        // do not display images in menu
        $(this).css({ backgroundImage: "" }).next("div.menuBodyFAQ").slideDown(10).siblings("div.menuBodyFAQ").slideUp(10);
    });
});