JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<header>ヘッダー</header>
<ul id="glonav">
    <li>あ</li>
    <li>う</li>
    <li>あ</li>
    <li>う</li>
    </ul>

<p>なんぞ</p>
<div id="nanzo">なんぞ２</div>

<footer>フッター</footer>

JavaScript

$(function() {
    var glonav = $('#glonav');
    
    function resizer() {
        if( $(window).width() < 768 ) {
            $('#nanzo').after(glonav);
        } else {
            $('header').after(glonav);
        }
    }
    
    $(window).resize(function() {
        resizer();
    });
    
    resizer();
});