effects.html

<!doctype html>
<html>
<head>
    <title>Learn JS</title>
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery.js"></script>
    <script src="js/ch2/effects.js"></script>
</head>
<body>

<h1>Effects</h1>

<button id="submit">Submit!</button>
<button id="unsubmit">UnSubmit!</button>
<button id="toggler">Toggler!</button>
<button id="animate">Animate!</button>
<button id="animate2">Animate2!</button>

<div id="data1">
Here is Data 1
</div>

<div id="data2">
Here is Data 2
</div>

<div id="data3">
Here is Data 3
</div>

<div id="data4">
Here is Data 4
</div>

</body>
</html>