Untitled

<!DOCTYPE html />
<html >
<head>
    <title>zLouD</title>
    <style type="text/css">

        .show
        {
            display: block;
        }

        .hide
        {
            display: none;
        }

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

        function show(id)
        {
            var par = document.getElementById(id).parentElement;
            var c = par.children;

            for (var i = 0; i < c.length; i++)
            {
                c[i].className = c[i].id == id ? "show" : "hide";
            }
        }

    </script>
</head>
<body>


    <div>
        <p id="first" class="show">Lala..</p>
        <p id="second" class="hide">Muuuh</p>
        <p id="third" class="hide">Hurr Durr</p>
    </div>
    <a href="" onclick="show('first'); return false;">Inhalt 1</a>
    <a href="" onclick="show('second'); return false;">Inhalt 2</a>
    <a href="" onclick="show('third'); return false;">Inhalt 3</a>

</body>
</html>