/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$(document).ready(function() {

    $(".dropdown dt a").click(function() {
        $(this).parents('.dropdown').find('ul').toggle('slow');
        return false;
    });

    $(".dropdown dd ul li a").click(function() {
        var text = $(this).html();
        $(this).parents('.dropdown').find('span').html(text);
        $(this).parents('.dropdown').find('ul').hide();
        $("#result").html("Selected value is: " + getSelectedValue("sample"));
    });

    function getSelectedValue(id) {
        return $("#" + id).find("dt a span.value").html();
    }
});