Question

I been researching around looking for how to use tags and javascript to create an area where more information can be seen pertaining to that text you would click on? An excellent example of coding that was given to me, but I already have a layout where the text are set inside div tags.

Answer 1

Just have an onclick that toggles the display value of another div:

jsFiddle

CSS

#toggle {
   position: absolute;
   left: 20px;
   top: 100px;
}

HTML

<div id="toggle">
   Show More
</div>
<div id="showMoreText" style="display: none">
   more text here
</div>

JS

window.onload = function() {
    document.getElementById('toggle').onclick = showMore;
}

function showMore() {
    var div = document.getElementById('showMoreText');
    var display = div.style.display;
    display == "none" ? div.style.display = "block" : div.style.display = "none";
}