Okay, so I’m trying to write a simple show/hide content button, but I want to show and hide the content using two different functions. Now it hides just fine, but it won’t re-show.
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function hidecontent(){
document.getElementById("content").style.display = "none";
document.getElementById("hidebutton").value = "+";
document.getElementById("hidebutton").onclick = showcontent();
}
function showcontent(){
document.getElementById("content").style.display = "block";
document.getElementById("hidebutton").value = "-";
document.getElementById("hidebutton").onclick = hidecontent();
}
</script>
<style type="text/css">
#content{
border: 1px solid #003333;
background-color: #000033;
color: #ffffff;
height: 500px;
width: 500px;
text-align: center;
display: block;
}
#hidebutton{
border: 1px solid #003333;
background-color: #000033;
color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
</style>
</head>
<body>
<form>
<input id="hidebutton" type="button" value="-" onclick="hidecontent()" />
</form>
<?php
echo '<div id="content">Hello world!</div>';
?>
</body>
</html>
do this