Dynamic Slidedown effect using jQuery reading data from a table
<p>I want to list some records from the table in a ASP.NET page.  For each record, I want to display some data and at the same time, provide a button for them to click. I want to show a “CLICK TO VIEW BUTTON” If they click on the button, I want to have a box slide down (using jQuery) to display the other details for the record. An example of what I am looking for can be found here. </p>

<p><a href="https://www.starwoodhotels.com/preferredguest/search/results/standard.html?localeCode=en_US&amp;iATANumber=&amp;city=los+angeles&amp;stateCode=CA&amp;countryCode=US&amp;numberOfRooms=1&amp;numberOfAdults=1&amp;arrivalDate=12%2F30%2F2008&amp;departureDate=12%2F31%2F2008" rel="nofollow">Sample of drop down</a></p>

<p>I would prefer to have one function to handle the details. I would like the box to appear right underneath each record and not at the bottom of the page.   Is there a way to do this using jQuery? I was looking at the wrap, append but was not sure on how to go about implementing this.</p>
