helsetilbud

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Helsetilbud</title>
<style>
p {
font-family: "Arial";
font-style: normal;
font-size: 11px;
}
h3 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 20px;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
</head>

<body>

<h3 id="orkdal">Orkdal</h3>
<p id="fannls">Fannrem legesenter</p>
<h3 id="skaun">Skaun</h3>
<p id="skaunls">Skaun legesenter</p>
<h3 id="agdenes">Agdenes</h3>
<p id="agdenesls">Agdenes legesenter</p>
<h3 id="snillfjord">Snillfjord</h3>
<p id="snillfjordls">Snillfjord legesenter</p>
<h3 id="hemne">Hemne</h3>
<p id="hemnels">Hemne legesenter</p>
<h3 id="meldal">Meldal</h3>
<p id="meldalls">Meldal legesenter</p>
<h3 id="rennebu">Rennebu</h3>
<p id="rennebuls">Rennebu legesenter</p>
<h3 id="rindal">Rindal</h3>
<p id="rindalls">Rindal legesenter</p>

<script>
$( "#orkdal" ).click(function() {
$( "#fannls" ).toggle( "fast" );
});
</script>
<script>
$( "#skaun" ).click(function() {
$( "#skaunls" ).toggle( "fast" );
});
</script>
<script>
$( "#agdenes" ).click(function() {
$( "#agdenesls" ).toggle( "fast" );
});
</script>
<script>
$( "#snillfjord" ).click(function() {
$( "#snillfjordls" ).toggle( "fast" );
});
</script>
<script>
$( "#hemne" ).click(function() {
$( "#hemnels" ).toggle( "fast" );
});
</script>
<script>
$( "#meldal" ).click(function() {
$( "#meldalls" ).toggle( "fast" );
});
</script>
<script>
$( "#rennebu" ).click(function() {
$( "#rennebuls" ).toggle( "fast" );
});
</script>
<script>
$( "#rindal" ).click(function() {
$( "#rindalls" ).toggle( "fast" );
});
</script>
</body>

</html>