Привожу весь код:
hidden();
function hidden() {$("div.hlist").css("visibility", "hidden");}
$("body").click(function() {hidden();});
$("div.hctrl a").click(function() {
hidden();
if( $(this).closest("div.roll").find("div.hlist").is(':visible') ) $(this).closest("div.roll").find("div.hlist").css("visibility", "hidden");
else $(this).closest("div.roll").find("div.hlist").css("visibility", "visible");
return false;
});
$("div.hlist a").click(function() {
var new_a = $(this).attr("class"); var new_b = $(this).text();
hidden();
$(this).closest("div.roll").find("div.hctrl a").removeClass().addClass(new_a).text(new_b);
$(this).closest("div.roll").find("input[type='hidden']").val(new_a);
return false;
});
<div class="roll">
<div class="hctrl">
<a class="v-1" href="#" title="">1</a>
</div>
<div class="hlist">
<div><a class="v-1" href="#" title="">1</a></div>
<div><a class="v-2" href="#" title="">2</a></div>
<div><a class="v-3" href="#" title="">3</a></div>
<div><a class="v-4" href="#" title="">4</a></div>
</div>
<input type="hidden" value="v-1" />
</div>