Как наложить блоки в адаптивном сайте?

input[type="checkbox"]:checked + span {color: red}
означает, что если инпут чекнут, спан, идущий СРАЗУ за ним как сосед, поменяет цвет на красный.

input[type="checkbox"]:checked ~ span {color: red}
означает, что если инпут чекнут, спан, идущий за ним как сосед (сразу, вторым, третьим и т.д.), поменяет цвет на красный.

Как сделать чтобы соседние блоки _плавно_ занимали место блока скрытого через fadeOut()?

Можно сделать визуальный обход, весь через animate или через css-transitions и animate.
Например, так:

var $elem = $('.element');

$elem
	.animate({
		opacity: 0
	}, 500, function() {
		$elem.slideUp(500);
	});

Как менять содержимое блока при прокрутке?

Наталия,

function setResultText() {
	var winScroll = $(window).scrollTop(),
		topMargin = 101,
		$resultBlock = $('.result'),
		$elements = $('.element.name'),
		elemsLen = $elements.length;

	for (var i = 0; i < elemsLen; i++) {
		var $theElem = $elements.eq(i),
			elemOffset = $theElem.offset().top,
			elemText = $theElem.html();

		if (i > 0) {
			topMargin = 39;
		}

		if (elemOffset < winScroll + topMargin) {
			$resultBlock.html(elemText);
		}
	}
}

$(window).on('scroll', function() {
	setResultText();
});

$(function() {
	setResultText();
});

Как менять содержимое блока при прокрутке?

Наталия, можно. Я напишу позже, сейчас не у компа. Или кто-то из читателей может это сделать за меня. )

Как менять содержимое блока при прокрутке?

Наталия, дьявол таится в мелочах. Просто перепутал оператор > и <. Теперь должно сработать нормально. topMargin это ваш отступ из примера. Если нужно другое значение - меняйте его.

$(window).on('scroll', function() {
	var winScroll = $(window).scrollTop(),
		topMargin = 101,
		$resultBlock = $('.result');

	$('.element.name').each(function() {
		var $elemName = $(this),
			elemOffset = $elemName.offset().top,
			elemText = $elemName.html();

		if (elemOffset < winScroll + topMargin) {
			$resultBlock.html(elemText);
		}
	});
});

Как менять содержимое блока при прокрутке?

Наталия, хотелось бы взглянуть на проект. Скрипт этот типовой для подобных задач: выбираем все интересующие нас элементы, проверяем насколько они проскроллились, выполняем что-то для тех, что отвечают условиям. У меня уже много проектов за плечами с этой схемой, и ничто нигде не тормозит. Так что либо косяк в других функциях / библиотеках, либо у вас реально 100500 элементов на странице.