$(function() { $(".select").each(function() { var s = $(this); var z = parseint(s.css("z-index")); var dt = $(this).children("dt"); var dd = $(this).children("dd"); var _show = function() { dd.slidedown(200).css("overflow", "auto"); dt.addclass("cur"); s.css("z-index", z + 1); }; var _hide = function() { dd.slideup(200); dt.removeclass("cur"); s.css("z-index", z); }; dt.click(function() { dd.is(":hidden") ? _show() : _hide(); }); dd.find("a").click(function() { dt.html($(this).html()); _hide(); }); $("body").click(function(i) { !$(i.target).parents(".select").first().is(s) ? _hide() : ""; }); }) })