EasyTabs v5

EasyTabs for SharePoint 2013

by venkatx5

HTML

To Create the htm file,
copy the CSS code on right panel into "style" tag.
Copy the below panel code to "script" tag.

CSS

.et-tab{font-size:8pt;font-weight:bold;padding:3px 10px;background:url("/_layouts/images/selbg.png") repeat-x;display:inline-block;cursor:pointer;}
.et-activetab{background-color:#ffa83f;border:solid 1px #ffa83f;color:#351f01;}
.et-inactivetab{background-color:#bcc7f2;border:solid 1px #bcc7f2;color:#585384;}
.et-separator{height:5px;background-color:#ffa83f;}
.et-tabrow{white-space:nowrap;}
.et-offscreen{position:absolute;max-height:1px;max-width:1px;top:-9999px;}

JavaScript

/* Easy Tabs v 5.0 * Copyright (c) 2009-2010 Christophe Humbert * http://www.pathtosharepoint.com */
/* Updated for SharePoint 2013 by Venkatesh R. */

function isEditMode()
{
	var boolPageInEditMode = false;
	
	// Check page is in Edit/Design Mode or not.
	if(document.forms[MSOWebPartPageFormName].MSOLayout_InDesignMode != null)
	{
		var inDesignMode = document.forms[MSOWebPartPageFormName].MSOLayout_InDesignMode.value;
	
		if (inDesignMode == "1")
		{
			boolPageInEditMode = true;
		}
	}
	
	if(document.forms[MSOWebPartPageFormName]._wikiPageMode != null)
	{
		var wikiInEditMode = document.forms[MSOWebPartPageFormName]._wikiPageMode.value;
		if (wikiInEditMode == "Edit")
		{
			boolPageInEditMode = true;
		}
	}

	return boolPageInEditMode;
}

(function () {
    var AP = "",
        sec = 0,
        Header = "none",
        Split = "No",
        Expand = " Expand All ",
        Print = "";
    if (isEditMode() == true) {
        return;
    }
    var el = document.getElementsByTagName("SCRIPT"),
        p = el[el.length - 1],
        sT, a, sep, tabRow;
    do {
        p = p.parentNode;
        sT = p.innerHTML.split("MSOZoneCell_WebPart");
    } while (sT.length < 4 && p.parentNode.id != "DeltaPlaceHolderMain")
    if (p.getAttribute("contenteditable") == "true") {
        return;
    }
    if (p.nodeName == "DIV") {
        sep = document.createElement("div");
        p.insertBefore(sep, p.firstChild);
        tabRow = document.createElement("div");
        p.insertBefore(tabRow, p.firstChild);
    } else {
        sep = document.createElement("td");
        var sepTR = document.createElement("tr");
        sepTR.appendChild(sep);
        tabRow = document.createElement("td");
        var tabTR = document.createElement("tr");
        tabTR.appendChild(tabRow);
        if (p.nodeName == "TBODY") {
            p.insertBefore(sepTR, p.firstChild);
            p.insertBefore(tabTR, p.firstChild);
        } else if (p.nodeName == "TR") {
           ...