SPDetectWPZ

YouTube Demo at https://youtu.be/Pz57eqdwTwE

1. Download the code files: "detectWPZ-vanilla.js" "detectWPZ-tabs.js" "webPart_webSiteAssets_detectWPZ.html"
2. Upload the code files to your site's Site Assets library
3. Go to the page where you want to convert web parts to tabs, then switch to Edit Page mode
4. Add a content editor web part (CEWP) to the desired web parts zone or wiki layout zone
5. Link the CEWP to the "webPart_webSiteAssets_detectWPZ.html" file, set its Chrome Type to None, and position it below all other web parts in the zone
6. Click OK to save your changes to the CEWP
7. Stop editing the page to see the results