php

<head>
<script type="text/javascript">

function hidkiad1() {
var div_ref = document.getElementById("kiad1");
div_ref.style.visibility = "hidden";
}

function kiad1() {
var div_ref = document.getElementById("kiad1");
div_ref.style.visibility = "visible";
}
<!-- KIADÓ HÁZ 1 -->

function hidah() {
var div_ref = document.getElementById("ah");
div_ref.style.visibility = "hidden";
}

function ah() {
var div_ref = document.getElementById("ah");
div_ref.style.visibility = "visible";
}
<!-- AUKCIÓSHÁZ -->

</script>


<style type="text/css">
    .map_image { display: block; width: 1150px; height: 691px; position: relative; background-position: 0 0; background-repeat: no-repeat; }
    .map_image .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
    .map_image #map_link_0 { width: 77px; height: 41px; top: 94px; left: 177px; }
    .map_image #map_link_2 { width: 45px; height: 48px; top: 86px; left: 267px; }
    </style>
</head>


<?php
?>

<body style="color: #FFFF00; background-color: #000000; background-attachment: fixed">

    <div class="map_image" style="background-image: url('Kepek/terkep.jpg');">
    <a class="map_link" id="map_link_0" title="Kiadó ház" onClick="kiad1();">Kiadó ház</a>
    <a class="map_link" id="map_link_2" title="Aukció ház" onClick="ah();">Aukciós ház</a>
    </div>

    <div id=kiad1 style="visibility:hidden;">
    <font color="yellow">ez egy Kiadó ház
    <a onclick="hidkiad1();"><img src="Kepek/kilepes.png" align="right" width="50" height="54" /></a>
    </div>

    <div id=ah style="visibility:hidden;">
    <font color="yellow">ez egy Aukciósház
    <a onclick="hidah();"><img src="Kepek/kilepes.png" align="right" width="50" height="54" /></a>
    </div>

</body>