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

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