JSFiddle - React, Tailwind, and code Playground
by Chun
JavaScript
$(document).on("DOMContentLoaded",function(){let a=document.querySelector("div.qa-header");function e(){let e=a.offsetTop;window.pageYOffset>e?a.classList.add("qa-topbar-sticky"):a.classList.remove("qa-topbar-sticky")}a&&(window.onload=function(){e()},window.onscroll=function(){e()}),375>=$(window).width()&&$("ul.qa-q-item-tag-list").each(function(){$(this).outerHeight()>28&&($(this).siblings("div.more-tags-container").append('<div class="show-more-tags"></div>'),$("li.qa-q-item-tag-item:nth-child(n+2)",this).addClass("force-displayNone"))}),$(document).on("click",".show-more-tags",function(){$(this).parents("div.qa-q-item-tags").hasClass("q-tags-expand")?($(this).parents("div.qa-q-item-tags").removeClass("q-tags-expand"),$(this).parents("div.qa-q-item-tags").find("li.qa-q-item-tag-item:nth-child(n+2)").addClass("force-displayNone")):($(this).parents("div.qa-q-item-tags").addClass("q-tags-expand"),$(this).parents("div.qa-q-item-tags").find("li.qa-q-item-tag-item").removeClass("force-displayNone"))}),$(document).ready(function(){let a=$("html, body"),e=$("body"),t=$("div.qa-header"),s=($(".topbar-title-wrapper"),$("div#menu-trigger")),i=$(".qa-topbar-title span"),n=$("div.site-goTop"),o=$("div.qa-search-container"),l=$('div.topbar-search-container input.qa-search-field[type="text"]'),d=$("div.erase-search-wrapper"),r=$("div.muffin-erase-search"),c=$("div.qa-nav-user span.qa-logged-in-data"),v=$("div.sc-user-nav"),m=$("div.leftPanel"),p=$("div#filter-trigger"),q=$("div.filter-list"),b=$("div.qa-main-wrapper"),f=$("button#trigger-user-about"),h=$(".qa-upb-about"),u=$(".trigger-close-about"),C=$("div#legacy-social-container"),g=$("input#legacy-social-link"),y=$("button#legacy-copy-social"),w=$("span.copy-social-link-effect");$("h3.qa-trigger-comments");let x=$("span.ct-who2"),k=$("div.qa-main-wrapper...