Witam jakie są błędy że nie działa?
<!DOCTYPE HTML/>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> </title>
<meta name="describtion" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Lora|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="jquery-1.12.3.js"></script>
</head>
<body>
<div id="all">
<div id="button-container" >
<button>M---N---M</button>
</div>
<div id="banner-message"> TU JESTEM !</div>
</div>
<script>
var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
hiddenBox.show();
});
</script>
</body>
</html>
#all {
font-family: 'Playball', cursive;
}
#mnm{
padding: 30px;
font-size: 40px;
}
#banner-message{
display:none;
}