I am needing the hidden divs to be displayed ONLY when the pertaining link is clicked. I have been on a couple forums looking for an answer, but have yet asked the question myself. I am using Foundation Grid System and have very little knowledge of javascript/jquery. Thanks in advance for help that is given.This is not the actaul markup I am using, but pretty close layout wise.
The HTML\[code\]<div class="row"> <div class="header"</div><div class="row"> <div class="links"> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the first div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the second div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the third div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the fourth div to be shown</a> </div></div><div class="row"> <div>Content to be shown when the first link is clicked</div> <div>Content to be shown when the second link is clicked</div> <div>Content to be shown when the third link is clicked</div> <div>Content to be shown when the fourth link is clicked</div> </div>\[/code\]
The HTML\[code\]<div class="row"> <div class="header"</div><div class="row"> <div class="links"> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the first div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the second div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the third div to be shown</a> <a href="http://stackoverflow.com/questions/12754838/#">When this link is clicked, i want the fourth div to be shown</a> </div></div><div class="row"> <div>Content to be shown when the first link is clicked</div> <div>Content to be shown when the second link is clicked</div> <div>Content to be shown when the third link is clicked</div> <div>Content to be shown when the fourth link is clicked</div> </div>\[/code\]