io intendo una cosa del genere (se ho capito che intendi), questo l'ho fatto con onHover, farlo onClick è banale..
codice HTML:
<ul id="result_cerca"></ul><style>
.details{display:none}
.name{font-size:2em}
li:hover{background:#d8d8d8}
li:hover .details{display:inline}
</style>
<script>
$.ajax({
url: 'json.json',
dataType: "json",
success: function(data, textStatus){
var employees=data.employees;
var len = employees.length
for(i=0;i<len;i++){
$('#result_cerca').append('<li> <span class="name">name: ' + employees[i].firstName +'</span><span class="details"> lastname: '+employees[i].lastName+' age: '+employees[i].Age+'</span></li>')
}
},
error: function(data, textStatus){console.log(data)
}
}).done(function() {
});
</script>