iBird Rose

гугли в сторону сетки masonry

Никита Полевой Прикольная идея) Спасибо. Усовершенствовал свой дефолтный универсальный адаптивный построчный выравниватель по твоему методу) оставлю здесь. мб ТС'у тоже пригодится) https://jsfiddle.net/iBird/oyzufz27/1/

обьект который появляется должен находится внутри той области на которой ты делаешь hover, чтобы при наведении на появленный обьект - ты не уходил из области hover
codepen.io/anon/pen/RGmvjG

ну статичный текст который всегда будет одинаковым можно в этом же элементе в data атрибуте хранить, а потом заменять его везде одной строкой через js. а контент - в любом случае через ajax придется грузить
типа этого получится: https://jsfiddle.net/iBird/zLezzktL/

никак. ты думаешь просто так все плагины кастомных селектов создают свой селект на div'ах

position: fixed;
width: 500px;
z-index: 9999;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);

1)
if ( i>=30 && i<=120) { ... }

2)
if ( x % 1 == 0 ) { true }

$(document).on('click', '#your_button', function(){
    $('#your_block').toggle();
});

$(document).on('scroll', function(){
    $('#your_block').hide();
});

если между h3 всегда p то так:

$('h3').siblings('p').wrap('<div class="content"></div>');

UPD:

$('h3').nextUntil('h3').wrap('<div class="content"></div>');

UPD2:
вот так кароче)

$('h3').each(function() {
    	$(this).nextUntil('h3').wrapAll('<div class="content"></div>');
  });

https://jsfiddle.net/duc68fmL/6/

он работает через личные сообщения сообщества в вк. создаешь паблик. заходишь в настройки паблика и там видишь следующее:

дальше думаю разберешься

когда задаешь fixed для хедера - у ниже стоящего блока делай padding-top на высоту твоего хедера.
типа так:

$(window).scroll(function() {
                var top = $(document).scrollTop();
                if (top < 650) {
                     $(".header-content").css({top: '0', position: 'relative'});
                     $(".under-header").css('padding-top', 0);
                }  else {
                    $(".header-content").css({top: '0px', position: 'fixed'});
                    $(".under-header").css('padding-top', headerHeight);
                }
            });

var block1 = $('.block1').width(); //блок 1
var block2 = $('.block2').width(); //блок 2
var wrapper = $('.wrapper').width(); //100%

block3 = wrapper - block1 - block2;
$('.block3').css('width', block3);

p.s. а вообще советую такое проделывать через css calc