This section is designed to present a riddle. When you click the button, it reveals the answer.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Puzzles</title>
<link href="/css/favicon.ico" rel="shortcut icon" type="image/icon" />
<link href="/style.css" type="Cascading style sheet/text" />
</head>
<body>
Below are the provided links:
<li>What did the Robot say to the gas pump</li>
<script type="javascript/text">
function unhide (){
style(document).ready
var hid = ("div.exp")
if (true) hid.css("visibility",hidden);
hid({
visibility:visible
});
}
</script>
<button onclick="unhide()">Show Answer</button>
<div class="exp">
<p class="and">Take your finger out of your ear and listen to me</p>
</div>
<!--take your finger out of your ear and listen to me-->
The contents of style.css file are as follows:
.exp{
visibility:hidden;
}
Why isn't it functioning properly? The functionality should be operational.
I have attempted various methods, but haven't found success yet.