view information from div slideup and slidedown

view information from div slideup and slidedown

I'm working on pagination using table called pagination.php, pagination have 10 rows per page, each row have a link called "Edit" to allow me to view more information by redirect to info.php page.

And now instead of redirect to info.php, i want to show in same page pagination.php, meaning to show information inside of div slide up and slide down using jquery slidetoggle, see the code .....

 $(document).ready(function(){ $("#edit").click(function(){ $(".edit-page").slideToggle("slow"); });}); 

and css is ...

.edit-page{ height: 700px; width: 1000px; } 

I change code to put the link for edit like this...

<td id="edit"><a href='info.php?pid=<?php echo $product_id;?>'>edit</a></td> 

but is not working.... is kept redirect other page info.php.

how can i solve this to show from inside of pagination.php page by slide up from bottom to top!

AM