Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="http://static.jsbin.com/js/vendor/traceur.js"></script>
  <script src="//fb.me/react-with-addons-0.9.0.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #fff; font: 16px Helvetica, Arial; color: #000; }
div  { display:block; margin: 0px; }
</style>
  </head>
<body>
  <div style="border-right:10px solid green;float:left">
<div id="first" class="od od_1" style="background-color:blue;width:100px; height: 100px;">I'm the first div</div>
<div id="second"  class="od od2" style="background-color:red;width:200px; height: 100px;">I'm the second div</div>
​
  </div>
  <br clear=all/>
  <input type="button" id="button" value="Click me to animate divs" />
</body>
</html>
 
$(function() {
​
  $('#button').click(function() {
$('#button').addClass('fff');
    $('#button').toggleClass('a b c');
​
  });
 
});
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers