Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<html>
<head>
<style type="text/css">
.subNode {
display: none;
}
</style>
<script type="text/javascript">
<!--
function toggleNode(nodeHref) {
var nodeData = nodeHref.nextSibling;
while (true) {
if (nodeData.nodeType == 1 && nodeData.tagName.toLowerCase() == 'div') break;
nodeData = nodeData.nextSibling;
}
if (nodeData && nodeData.className == 'subNode') {
var displayed = nodeHref.childNodes[0].nodeValue == '[-]';
if (displayed) {
nodeHref.childNodes[0].nodeValue = '[+]';
nodeData.style.display = 'none';
} else {
nodeHref.childNodes[0].nodeValue = '[-]';
nodeData.style.display = 'block';
}
}
}
//-->
</script>
</head>
<body>
<div>
<a href="javascript:void(0);" onclick="toggleNode(this);">[+]</a> Item 1
<div class="subNode">
PUT ITEM 1 DATA HERE
</div>
</div>
<div>
<a href="javascript:void(0);" onclick="toggleNode(this);">[+]</a> Item 2
<div class="subNode">
PUT ITEM 2 DATA HERE
</div>
</div>
<div>
<a href="javascript:void(0);" onclick="toggleNode(this);">[+]</a> Item 3
<div class="subNode">
<div>
<a href="javascript:void(0);" onclick="toggleNode(this);">[+]</a> Item 3, 1
<div class="subNode">
<div>
<a href="javascript:void(0);" onclick="toggleNode(this);">[+]</a> Item 3, 1, 1
<div class="subNode">
PUT ITEM 3, 1, 1 DATA HERE
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>