единственное, что вам нужно сделать, это определить положение элемента, по которому щелкнули мышью, и отобразить нижеприведенный элемент div ... конечно, вам нужно иметь что-то, что получает всю дополнительную информацию и отображает ее ... поэтому первым делом я бы сделал это создать div где-нибудь на странице и спрятать его
<div id="myEditRecordContainer" style="position:absolute; top: 0px; left: 0px; display: none"></div>
тогда я бы установил обработчик клика
$('.recordDiv').click(function(e){
//get the position of the clicked element
var position = $(e.target).position();
//set position of the div bellow the current element
$('div#myEditRecordContainer').css({"top" : position.top() + $(this).height() + "px", "left": position.left()});
//some kind of method that will get or populate the extra information
//you can use the $.ajax() to get the html from a web service or something along those lines
var detailsHtml = GetExtraRecordDetails();
$("div#myEditRecordContainer").html(detailsHtml);
//now display the div - we already set the css for the position
//correctly so it should just display where you wanted it
$("div#myEditRecordContainer").show();
});
и единственное, что вам нужно сделать с кнопкой "Я закончил", это позвонить
$("div#myEditRecordContainer").hide();
после подачи изменений курса:)
У меня не было много времени, чтобы привести, может быть, более подробный пример, но это было только из головы, что я буду делать в этом случае ..
Я действительно надеюсь, что это, по крайней мере, даст вам представление о том, что вы можете сделать.