Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div.container {
- overflow:hidden;
- width:200px;
- height:200px;
- }
- div.content {
- position:relative;
- top:0;
- }
- <div class="container">
- <p>
- <a href="enablejs.html" class="up">Up</a> /
- <a href="enablejs.html" class="dn">Down</a>
- </p>
- <div class="content">
- <p>Hello World</p>
- </div>
- </div>
- $(function(){
- $(".container a.up").bind("click", function(){
- var topVal = $(this).parents(".container").find(".content").css("top");
- $(this).parents(".container").find(".content").css("top", topVal-10);
- });
- $(".container a.dn").bind("click", function(){
- var topVal = $(this).parents(".container").find(".content").css("top");
- $(this).parents(".container").find(".content").css("top", topVal+10);
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement