Все работает хорошо, кроме одного. Не знаю что написать и куда. Для идеала в этот код внести бы поправку, дополняющую функционал следующим: при нажатии в область раскрывшегося блока ничего не должно происходить, сейчас при нажатии в это область блок скрывается.
Песочница:
http://learn.javascript.ru/play/vD5s2b
$(document).ready(function () {
function hideallDropdowns() {
$(".dropped .hiddenBlock").hide();
$(".dropped").removeClass('dropped');
$(".dropped .hiddenBlock .title").unbind("click");
}
function showDropdown(e) {
var elm = $(e).parent().addClass('dropped');
elm
.find('.title')
.click(function () {
hideallDropdowns();
})
.html($(e).html());
elm.find('.hiddenBlock').show();
}
$(".nameBlock").click(function(){
showDropdown(this);
});
$(document).mouseup(function () {
hideallDropdowns();
});
});