$(document).ready(function() {
            $(".drop-select img.flag").addClass("flagvisibility");

            $(".drop-select dt a").click(function() {
                $(".drop-select dd ul").toggle();
            });
                        
            $(".drop-select dd ul li a").click(function() {
                var text = $(this).html();
                $(".drop-select dt a span").html(text);
                $(".drop-select dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("sample"));
            });
                        
            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("drop-select"))
                    $(".drop-select dd ul").hide();
            });


            $("#flagSwitcher").click(function() {
                $(".drop-select img.flag").toggleClass("flagvisibility");
            });
        });