Help on tutorial

Help on tutorial

Hi,
Could anyone explain this more detailed?

$(document).ready(function() {
$('#faq').find('dd').hide().end().find('dt').click(function() {
$(this).next().slideToggle();
});

Ok, as i understand it (though it seems, i've totally messed up).

We search for DD (find('dd')) in element with ID #faq ('#faq'). If we click on it (
click(function()) then element dt (find('dt')) will be showen or hidden (depending on it's state, as described in slideToggle()).

What i do not understand - why there's hide().end() and why (this) is DT and not DD?