$(document).ready(function(){
    
    //Toggle first element on page load
    $toggled = $(".toggled");
    $($toggled).css("background-position", "0 -33px");
    $(($toggled).next("ul")).show();


    $("#quiz_list ul li div").click(function() {
    
        if (!$(this).hasClass("toggled"))
        {
            $("#quiz_list ul li div").css("background-position", "0 0");
            $("#quiz_list ul li div").removeClass("toggled");
            $(this).css("background-position", "0 -33px");
            $(this).addClass("toggled");
            
            $child = $(this).next("ul");
            
            $("#quiz_list ul li ul").hide();
            $($child).show();
        }
        else
        {
            $child = $(this).next("ul");
            $($child).hide();
            $(this).css("background-position", "0 0");
            $(this).removeClass("toggled");
        }
    });
    
    
    $("#quiz_list ul li div").hover(
    
        function() {
            $(this).css("background-position", "0 -33px");
        },
        function() {
            if (!$(this).hasClass("toggled"))
            {
                $(this).css("background-position", "0 0");
            }
        }
    );
        
});