<!DOCTYPE html>
<html>
<head>
<style>
#nieuw { background:#def3ca; margin:3px; width:80px;
display:none; float:left; text-align:center; }
#gastenboek { background:#def3ca; margin:3px; width:80px;
display:none; float:left; text-align:center; }
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<button id="nieuwb">nieuw bericht</button>
<button id="gastenb">terug naargastenboek</button>
<div id="gastenboek">Gastenboekje</div>
<div id="nieuw">nieuwtoevoegen</div>
<script>
//hier hide hij form
$("#gastenb").click(function () {
$("#nieuw").hide(2000);
//en opend hij gastenboek
$("div:eq(0)").show("fast", function () {
/* use callee so don't have to name the function */
$(this).next("#gastenboek").show("fast", arguments.callee);
});
});
//hier hide hij gastenboek en
$("#nieuwb").click(function () {
$("#gastenboek").hide(2000);
//en opend hij form
$("div:eq(0)").show("fast", function () {
/* use callee so don't have to name the function */
$(this).next("#nieuw").show("fast", arguments.callee);
});
});
</script>
</body>
</html>
