Boa noite!
Estou tentando colocar um menu, que só iria aparecer quando eu clicasse no botão "Mostrar", mas por algum motivo ele simplesmente não funciona. Eis o codigo:
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<link rel="stylesheet" type="text/css" href="Chatflixcss.css">
<title>Chatflix - Chat pessoal do 2MIN1</title>
</head>
<body>
<!-- jQuery (Não remover) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<!-- Botão "Mostrar" -->
<script type="text/javascript">
$(document).ready(function() {
$("#mostrar").click();
});
function mostrar(){
$("#Menu").toggle();
}
</script>
<div id="Menu" style="display:none">Mensagem de teste!</div>
<button type="button" id="mostrar" name="" value="" class="onbutton">
<img width="15px" height="14px" src="Button.png"> Mostrar
</button>
<!-- Fundo responsivo -->
<script src="jquery.anystretch.min.js"></script>
<script type="text/javascript">
$.anystretch("Background.jpg", {speed: 150});
</script>
</body>
</html>
Alguem poderia por favor me informar onde eu estou errando?