Response title
This is preview!
Show/hide Div
in Using jQuery
•
8 years ago
Hello,
i have downloaded the new jQuery 1.11.3 so i can use the
show/hide effect on my webpage,
but it doesn't work, this is codes i used.
<html>
<head>
<title>test</title>
<link href="styles.css" type="text/css"
rel="stylesheet" media="screen">
</head>
<body>
<Div id="buttons"><input
type="button" id="hide" value="hide">
<input type="button" id="show" value="show">
</Div>
<Div id="content">
<h2>
This is the text i want to
Show/hide by clicking on the hide
show button.
</h2>
</Div>
<script type="text/javascript" src="Message.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
</body>
</html>
javascript
$('#hide').click(function()
{
$('#content').hide();
$('#hide').hide();
$('#show').show();
});
$('#show').click(function()
{
$('#content').show();
$('#show').hide();
$('#hide').show();
});
can someone explain to me what am i doing wrong ?
1