Jquery Slide Function Help
You have some reading you need to do. Start at
http://www.jquery.com.
But for your small example.
1. You need a height and width on the box class before you can see it.
2. Also set a background-color on it or the html body.
3. Your selection for the click event have to be "#box" as the # tells the JQuery that you are going to use the class to select the element by.
and you ready to go
-
<script type="text/javascript">
$(document).ready(function(){
$("#box").click(function () {
$(this).hide("slide", { direction: "down" }, 1000);
});
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="box" style="height:100px;width:200px;background-color:red;"></div>