Div scroll to middle

Nu ga je wel heel vlug over bepaalde dingen heen.
Waarom zou een div openen als je er op klikt? Hoe bedoel je?

Ik zie geen div in je code, ik heb geen enkel idee wat je in $self gestoken hebt ...
Kan je zelf tonen wat je hebt, wat de bedoeling is en waar het fout loopt?

Dit is de hele code werkt perfect alleen ik wil graag dat als ik de div open na een klik dat deze een aantal px offset van top naar beneden scrolled en nu scrolled deze helemaal naar de boven kant van de pagina.

Hoe kan je dan dit: $("html,body").animate({scrollTop: $self.offset().top:}); Daarop aanpassen.

[code]
function bindButton() {

var $aantal = $(".focused").length +1;

$(".idboxwrapper").each(function() {
var $self = $(this);

$self.find(".info").click(function() {

var $array = $(".focused:visible").length;

if ($array < 4){
if (!$self.hasClass("focused")) {
$self.addClass("focused");
resizeBoxes();

var currentId = $self.attr('id');
idarray.push(currentId);
//console.log(currentId);

//Dit is het deel dat ik wil aan passen -->
$("html,body").animate({scrollTop: $self.offset().top:});
//
}
}
});

$self.find(".sluiten").click(function(e) {
$self.removeClass("focused");
resizeBoxes();

var removeItem = $self.attr('id');
idarray.splice( $.inArray(removeItem, idarray), 1 );

});

});
}

[code]