Brand new to jQuery, need help with code
Hey everyone!
I'm brand new to jQuery, I've been trying to learn the basics for a few days now. I wrote my first code to make a box show, hide and toggle (could someone please explain to me what the difference is between toggle and hide?) I've got basic jQuery down, so I decided to add some CSS in there. I'm confused lol :)
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js">
$(document).ready() {
$('#slickbox').hide();
$('#slick-show').click(function() {
$('#slickbox').slideDown('slow');
return-false;
)};
$('#slick-hide').click(function() {
$('#slickbox').slideUp('fast');
return-false;
)};
$('#slick-toggle').click(function() {
$('#slickbox').slideToggle(400);
return-false;
});
</script>
<style type="text/css">
#slickbox {
background: #336600;
width: 600px;
height: 450px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="slickbox"></div>
<center>
<button id="slick-show">Show</button>
<button id="slick-hide">Hide</button>
<button id="slick-toggle">Toggle</button>
</center>
</body></html>