$(document).ready(function() {
    $(".dropdown").hover(function() { $(".dropdown dd ul").toggle();},function(){ $(".dropdown dd ul").hide();});
    $(".dropdownlang").hover(function() { $(".dropdownlang dd ul").toggle();},function(){ $(".dropdownlang dd ul").hide();});
 
    $(".dropdown dd ul li a").click(function() {
        var text = $(this).html();
        $(".dropdown dt span").html(text);
        $(".dropdown dd ul").hide();
        $("#result").html("Selected value is: " + getSelectedValue("sample"));
    });
    $(".dropdownlang dd ul li a").click(function() {
        var text = $(this).html();
        $(".dropdownlang dt span").html(text);
        $(".dropdownlang dd ul").hide();
        $("#result").html("Selected value is: " + getSelectedValue("sample"));
    });
    
    function getSelectedValue(id) {return $("#" + id).find("dt span.value").html();}
    
    $(document).bind('click', function(e) {var $clicked = $(e.target);if (! $clicked.parents().hasClass("dropdown"))$(".dropdown dd ul").hide();});
    $(document).bind('click', function(e) {var $clicked = $(e.target);if (! $clicked.parents().hasClass("dropdownlang"))$(".dropdownlang dd ul").hide();});
});