hejhejhej

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Agil Systemutveckling 2013</title>
    <link rel="stylesheet" href="main.css" type="text/css" />
    <script src="file:///Users/tildaamre/Downloads/Agil2013_Elever2014/CSS/about.html"></script>
</head>
<body>
<script>
$(document).ready(function(){
  $("#aboutMe").click(function(){
    $("p").hide();
  });
  $("#aboutMe").show(); // <p>="aboutMe"
  });
$("#contactMe").click(function(){
    $("p").hide(); // Dölj alla andra <p> först
    $(".contactMe").show(); // Visa <p> som har class="aboutMe"
  });
});

});
</script>

<div id="header">
<h1>Tilda Amré</h1>
</div>

<div id="nav">

<img src="IMG_7830.JPG" alt="Tilda" style="width:200px">
<a href="#aboutMe" id ="aboutMe" style="text-decoration: none">Om mig <br></a>
<a href="#contactMe" id ="ContactMe"style="text-decoration: none">Kontakta mig<br></a>
<a href="mailto:amre@live.se"style="text-decoration: none">Min mail</a>
</div>

<div id="section"">

<h1>Om mig</h1>


</div>

<div id="footer">
</div>

<p class="aboutMe" style="display:none">Här är text om mig</p>

<p class="contactMe" style="display:none">Här är kontaktinformation om mig</p>
</body>