Swap two divs inside a parent
// ==UserScript==
// @name Show Deleted Answers at head for StackExchange
// @namespace http://tampermonkey.net/
// @version 0.8
// @description Swap two divs inside a parent
// @author aspen138
// @match https://*.stackexchange.com/users/*/*?tab=answers*
// @match https://*.stackexchange.com/users/*/*?tab=questions*
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// Function to swap divs
function swapDivs() {
let parentDiv = document.querySelector('.ba.bc-black-100.bar-md');
let firstDiv = document.querySelector('#js-post-summaries');
let secondDiv = document.querySelector('.bt.bc-black-075.p16');
if (parentDiv && firstDiv && secondDiv) {
parentDiv.removeChild(firstDiv);
parentDiv.removeChild(secondDiv);
parentDiv.appendChild(secondDiv);
parentDiv.appendChild(firstDiv);
}
}
// Swap divs on page load
window.addEventListener('load', swapDivs, false);
// Refresh page when clicking on any of the sub-tabs
let tabs = document.querySelectorAll('.js-user-tab-sort');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
// Timeout to allow for click processing and then reload page
setTimeout(function(){ location.reload(); }, 0.3);
}, false);
});
})();