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>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<script src="https://raw.github.com/KevinBatdorf/codaslider/master/js/jquery.coda-slider-3.0.min.js"></script>
<meta charset=utf-8 />
<title>Welcome to JS Bin</title>
<meta name="viewport" content="width=device-width">
</head>
<body>
 <div class="account_window" style="visibility:hidden">
        <div class="coda-slider"  id="slider-id">
          <div>
            <h2 class="title">Option 1</h2>
            <p>Option 1 content goes right here</p>
          </div>
          <div>
            <h2 class="title">Password</h2>
            <form id="change_Pass" action="" method="post">
                Current Password<span style="color:red;">*</span><input type="password" id="change_password" name="change_password"><br>
                New Password<span style="color:red;">*</span><input type="password" id="new_password" name="new_password"><br>
                Verify Password<span style="color:red;">*</span><input type="password" id="verify_password" name="verify_password"><br>
                <input type="submit" value="Submit" id="change_pass_submit">
             </form>
          </div>
        </div>
    </div>
  <input type="button" value="show" id="show_coda">
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers