Здравствуйте. Имеется список из нескольких элементов. Каждый элемент содержит скрытый подсписок, разворачивающийся по клику. Словом, обычный аккордеон.
Нужно сделать так, чтобы при клике на пункт, помимо того, что закрывается ранее открытый подсписок и открывается вызванный, страница скроллилась таким образом, чтобы кликнутый элемент оказывался в самом верху страницы (пока позволяет ее высота, конечно). Конструкции типа:
$('.elem').on('click', function() {
var destination = $(this).offset().top;
$("body").animate({
scrollTop: destination
}, 300);
});
Творят какую-то чертовщину, вовсе не так, как нужно)
Как правильно провернуть такую махинацию?