Show/hide Div

Show/hide Div

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 ?