indenger20

Попробуйте так

var windowW = document.documentElement.clientWidth; // узнали ширину окна браузера

if ( windowW < 1024 ) { 

  var elem = document.createElement('script'); //создали тег

  elem.setAttribute('src', 'main.js'); // вписали путь

  document.body.appendChild(elem); //вставили в конец тега body

}

а как при абсолютном позиционировании добавлять/удалять контент?

каждый раз придется по новому позиционировать.

Так вопрос был в том, как поменять положение блока, не меняя разметки. Ответ - flexbox.

Ваши верстальщики правы, тут никаким бутстрапом не поможешь (насколько я знаю) . Если абсолюткой позиционировать, то верстка будет сыпаться при изменении коетента. Решить проблему можно при помощи js-а - при разных ширинах менять местами блоки, но это костыль еще тот. Самый оптимальный вариант, о котором ваши верстальщики говорят, это использовать flexbox. В нем есть свойство order, позволяет менять местами блоки, не трогая разметку.

тогда подвиньте ваш заголовок на пару пикселей☝

h1 {

  position:relative;

  left: -2px;

}

Скорее всего имеется ввиду использование "web components", или "react.js"

Да и те же "websocket"

Ну, наверное, как-то так.

$(window).scroll($.debounce( 150, true, function(){

    if( $(window).width() > 768 && $(window).width() < 1280 ) {

        $('#super').toggleClass('one').toggleClass('two');

    }

    

}));

$(window).scroll($.debounce( 150, function(){

    if( $(window).width() > 768 && $(window).width() < 1280 ) {

        $('#super').toggleClass('two').toggleClass('one');

    }

}));

да тут проще, блоку фикс высоту, а по клику высоту в auto

Вообще то гуглится это.

Например, "как открыть див по клику javascript "

и мне уж очень интересно, чем вам js не угодил?

если уж хотите без него, можете поизвращаться с радио кнопками [emoji6]

Вообще то гуглится это.

Например, "как открыть див по клику javascript "

и мне уж очень интересно, чем вам js не угодил?

если уж хотите без него, можете поизвращаться с радио кнопками :)