Skip to content

Instantly share code, notes, and snippets.

@A-J-C

A-J-C/index.html

Created May 30, 2013 18:17
Show Gist options
  • Save A-J-C/5679914 to your computer and use it in GitHub Desktop.
Save A-J-C/5679914 to your computer and use it in GitHub Desktop.
Download ZIP
A CodePen by Alex C.
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Vanishing Act</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div class="vanish"></div>
<div class="vanish"></div>
<div class="vanish"></div>
<div class="vanish"></div>
<br/><button>Click Me!</button>
</body>
</html>
Raw
script.js
$(document).ready(function() {
$('button').click(function() {
$(".vanish").fadeOut('slow');
});
});
Raw
style.css
.vanish {
height: 100px;
width: 100px;
display: inline-block;
background-color: #F38630;
border-radius: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment