$(document).ready(function() {

            $(".dropdown img.flag").addClass("flagvisibility");



            $(".dropdown dt a").click(function() {

                $(".dropdown dd ul").toggle();

            });

                        

            $(".dropdown dd ul li a").click(function() {

                var text = $(this).html();

                $(".dropdown dt a span").html(text);

                $(".dropdown 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("dropdown"))

                    $(".dropdown dd ul").hide();

            });





            $("#flagSwitcher").click(function() {

                $(".dropdown img.flag").toggleClass("flagvisibility");

            });

        });