Hide Line Items

alternate_style.css

#lineItemControl a {
    padding: 2px 20px 0px 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    /*height: 0px !important;*/
    height /**/:22px;
}

#explodeLineItems { background-image: url("/img/tree/plus.gif"); width: 22px; }
#collapseLineItems { background-image: url("/img/tree/minus.gif"); width: 22px; }

hideLineItemsV10_1.js

var allHTMLTags=new Array();
function collapseLineItems()
{
	//var allHTMLTags=document.getElementsByTagName("*");
	var allHTMLTags=jQuery("span[class*='collapsible']");
	for(i=0;i<allHTMLTags.length;i++)
	{
		if(allHTMLTags[i].className=="collapsible")
		{
			allHTMLTags[i].className='collapsible collapsed';
		}
	}
	var allHTMLTags=jQuery("tr[class*='line-item child-line-item']");
	for(i=0;i<allHTMLTags.length;i++)
	{
		allHTMLTags[i].style.display='none';
	}
}

function explodeLineItems()
{
	//var allHTMLTags=document.getElementsByTagName("*");
	var allHTMLTags=jQuery("span[class*='collapsible collapsed']");
	for(i=0;i<allHTMLTags.length;i++)
	{
		if(allHTMLTags[i].className=="collapsible collapsed")
		{
			allHTMLTags[i].className='collapsible';
		}
	}
	var allHTMLTags=jQuery("tr[class*='line-item child-line-item']");
	for(i=0;i<allHTMLTags.length;i++)
	{
		allHTMLTags[i].style.display='table-row';
	}
}

window.onload = collapseLineItems();

hideLineItemsV11_1.js

var allHTMLTags=new Array();

function collapseLineItems()
{
	jQuery("span[class*='collapsible']").attr("className","collapsible collapsed");
	jQuery("tr[class*='line-item child-line-item']").attr("className","line-item child-line-item line-item-show reorderable-row  droppable-element line-item-collapsed")
}

function explodeLineItems()
{
	jQuery("span[class*='collapsible collapsed']").attr("className","collapsible");
	jQuery("tr[class*='line-item child-line-item']").attr("className","line-item child-line-item line-item-show reorderable-row  droppable-element")

}

jQuery(document).ready(collapseLineItems());

HTML Attribute includeJavascript.html

return "<script type=\"text/javascript\" src=\"/bmfsweb/"+lower(_system_company_name)+"/image/Directory/FILENAME.js\"></script>";

HTML Attribute lineItemControl.html

<div id="lineItemControl">
	<a href="javascript:explodeLineItems()" id="explodeLineItems">Expand All</a>
	<a href="javascript:collapseLineItems()" id="collapseLineItems">Collapse All</a>
</div>