[SCRIPT] Fly In

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script language="javascript">
$(document).ready(function() {
$('a#clickbutton').click(function() {
    $('.t',this).toggle();
});

$("#about").css({"left": "120%"})
$("#clickbutton").toggle(
function () {
$("#about").animate({"left": "50%"}, "slow");
},
function () {
$("#about").animate({"left": "120%"}, "slow");
});
});
</script>

#about {
position: fixed;
top:0;
width:400px;
margin-left:-220px;
font:10px ‘Arial’;
padding: 20px;
background:white;
color:black;
left:120%;
}

<a id="clickbutton" class="t" style="cursor:pointer;"><span class="t">click for more</span><span class="t" style="display:none">click for less</span></a>

<div id="about">
here is your content edit it how you like
<img src="http://i.dailymail.co.uk/i/pix/2013/12/12/article-0-1A10873500000578-653_306x423.jpg">
</div>