$(document).ready(function() {

    var expanded = false;
    var clicked = false;
    var hoverColour = "#d6d5d4";

    $("#choice_lang").animate({ opacity: 0 }, 1);


    $("#choice").click(function() {
        $("#choice_lang").css({ display: !expanded ? 'block' : 'none' });
        $("#choice_lang").animate({ opacity: 1 }, 200);

        expanded = !expanded;
        clicked = true;
    });

    $(this).click(function() {
        if (!clicked) {
            $("#choice_lang").css({ display: 'none' });
            expanded = false;
        }

        clicked = false;
    });


    $('#choice_lang li').hover(
	        function() {
	            $(this).css({ color: 'black', background: hoverColour });
	        },
	        function() {
	            $(this).css({ color: 'white', background: "#FFFFFF" });
	        }
	    );


});