Stuff

function WikiManager(outputId, inputId, buttonId, eventFunc) {
	this.toggle = toggle;

	this.outputId = outputId;
	this.inputId = inputId;
	this.buttonId = buttonId;
}

function toggle() {
	var output = document.getElementById(this.outputId);
	var input = document.getElementById(this.inputId);
	var button = document.getElementById(this.buttonId);
	
	if (output.style.visibility == "visible" || 
				(output.style.visibility == null)) {
		output.style.visibility = "hidden";	
		input.style.visibility = "visible";
		button.style.visibility = "visible";
	
		output.onclick = null;
	} else {
		output.style.visibility = "visible";	
		input.style.visibility = "hidden";
		button.style.visibility = "hidden";

		output.onclick = this.eventFunc;
	}
}


<html>
	<head>
		<script src="wikimanager.js"></script>
	</head>

	<body>
		<script>
		var foo = new WikiManager("fooOutput", "fooInput", "fooButton", 
					function() {foo.toggle();} );
		</script>
	
		<div onclick="foo.toggle();" id="fooOutput">Gah!!!!</div>
		</div>
		<form>
			<input id="fooInput" style="visibility: hidden;"/>
			<input type="submit" style="visibility: hidden;" id="fooButton"/>
		</form>
	</body>
</html>