Это часть формы на ajax. При активации/деактивации чекбоксов содержимое блока меняется. Форма у меня по высоте почти на весь экран, и хотелось бы, чтобы при активации чекбокса, блок появлялся возле последнего измененного элемента

Я предполагаю, что необходимо просто вычислить высоту от верха родительского блока до последнего измененного элемента формы. А дальше уже css?
Прошу помощи у формучан

Сделал так:

$('#filter').on('change', 'input:', function(){
		var pos = $(this).position();
		$('.filter-result').css({ 'margin-top' : pos.top });
	});

Обычные чекбоксы отрабатывает на ура. Однако, с input type="hidden" какая-то беда. Вместо положенных 100-200 пикселей, он оступает 3 тысячи. Попробовал убрать type=hidden. Заработало, как надо. Осталось решить, как скрыть этот инпут. Display: none не помогает

Попробовал добавить стилей без display: none

opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;

Сработало. Но это костыль какой-то, а не решение :(