kn1ght_t

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

у меня все работает jsfiddle.net/4ojjb0e1

чтобы селектор + работал, между тегами не должно быть других тегов, то есть они должны быть соседними

нашел такое решение еще:

$('form').on('submit',function(e){
    e.preventDefault();
    $.ajax({
        type     : "POST",
        cache    : false,
        url      : $(this).attr('action'),
        data     : $(this).serialize(),
        success  : function(data) {
            alert('success');
        }
    });
});

то есть все данные формы в дата класть через data: $(this).serialize()

например, так

* {
  box-sizing: border-box;
}

примерно так jsfiddle.net/vud7s97f

плагины для хрома

jsfiddle.net/hurjghug

основная идея в том, чтобы у нужного элемента (который надо анимировать) получать высоту (смещение) от начала страницы
затем получать высоту экрана и смещение верха экрана от верха страницы
ну и сравнивать эти значения

примерно так jsfiddle.net/wrqnw8dd/1

если один див вложен в другой, то просто через :hover родительского дива делать display:block у потомка (а по дефолту display:none)

если без вложенность и хотите обойтись без js, надо юзать селектор ~ и радио баттон
попробуйте сделать табы на ксс3, пример
после того, как сделаете табы, поймете, как реализовать то, что вам нужно, но учтите, что данный пример будет работать в ие9+

если совсем по-простому: https://jsfiddle.net/hq3L74mc/2/