How can i replace a vertical scroll with buttons. When the user clicks button 1 the text slides up 1 time etc.

Code:
/*load content.php?category=help*/
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
      $(document).ready(function(){
   // Your code here
$.get("content.php", { category: "help"}, function(data){
    $("div#textContent").html(data);
  } );
  $(".more").click(function(){ 
  //alert("Slide down ");
  //$('').scrollTo();
  $('#textContent').slideUp();
  }) 
 
  //end code
 });
</script>
<style type="text/css">
#textContent {
width: 400px;
height: 300px;
border: 1px solid black;
text-align: left; 
padding: 5px;
/*overflow:auto;*/
overflow:hidden
}
</style>
</head>
<body>
<div id="textContent"></div>
<a class="more" href="#">1</a> | <a class="more" href="#">2</a> | <a class="more" href="#">3</a>
</body>
</html>