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="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  
  
  
<div class="sec-details"></div>
  
  
  
</body>
</html>
 
.sec-details{
  position:relative;
  background:red;
  display:none;
​
}
​
 
var data = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci sem, tristique nec porttitor eu, facilisis eget velit. In sed enim quam. Pellentesque consequat, enim nec viverra porta, nisi erat volutpat velit, sit amet cursus odio felis sed velit. Nullam vel ligula urna, adipiscing dignissim est. Nam sit amet dui non felis tempor venenatis mattis ut velit. Fusce pretium vehicula tellus, non condimentum sem venenatis ut. Nam lacinia quam sed ante porta vitae cursus purus rhoncus. Fusce vulputate augue id purus tempor consequat. Mauris vulputate suscipit mauris sit amet rhoncus. Donec ultricies posuere nisl, vitae accumsan lectus fringilla nec. Aenean vitae elementum felis. Sed consectetur luctus neque, ut congue libero eleifend vel. ";
​
​
​
     $('.sec-details').hide().html(data).show("slide", { direction: "left" }, 1000);
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers