//$(function() {
//    $(".selector div").click(function() {
//        $(".selector ul").toggle();
//    });

//    $(".selector div span")
//        .addClass("ui-state-default")
//        .addClass("ui-corner-all")
//        .addClass("ui-icon")
//        .addClass("ui-button")
//        .addClass("ui-icon-triangle-1-s");

//    $(".selector ul")
//        .addClass("ui-corner-tl")
//        .addClass("ui-corner-bottom");

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


$(function () {

    $(".selector").each(function (index, value) {
        var $selector = $(this);

        $("div", $selector).click(function () {
            var $e = $("ul", $selector);

            if ($e.css("display") == "none") {
                $(".selector ul").hide();
                $e.show();
            }
            else
                $e.hide();
        });

        $("div span", $selector)
        .addClass("ui-state-default")
        .addClass("ui-corner-all")
        .addClass("ui-icon")
        .addClass("ui-button")
        .addClass("ui-icon-triangle-1-s");

        $("ul", $selector)
        .addClass("ui-corner-tl")
        .addClass("ui-corner-bottom");

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