I am a very beginner in coding and I have been trying to scour the Internet for different ways to do this and they seem to be all over the place. I have one simple page with an “About Me” link and a “Contact” link. I would like the default information to be the About Me information and then if you click Contact for the Content on the page to switch to my Contact info and then if you click About Me again for it to switch back.

Is it possible to do this with just HTML or do I need to use jQuery? I am trying to set up a proper Div structure and figure out the necessary jQuery functions, but I am having a hell of a time with what seems to be an incredibly simple problem.

I appreciate your help.


update #1: here is what I am writing at the moment

<link rel="stylesheet" type="text/css" href="css.css">

<!DOCTYPE html>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>

    <img src="header.jpg" style="border:3px solid black; border-radius:10px">
    <p>the only way to predict the future, is to create it...</p>
          <li><a href="#" class="aboutme">About Me</a></li>
          <li><a href="#" class="contact">Contact</a></li>

  <div class="aboutme" id="about me" >
    <p>This is about me</p>

  <div class="contact" id="contact" style="display:none">
    <p>This is my contact into </p>


I’ve tried using these different techniques but am having trouble understanding them

Change content of div – jQuery
Hiding table data using <div style=”display:none”>