troubleshooting Question

Collapse in/out from a "a href" each row containing different id

Avatar of Jazzy 1012
Jazzy 1012 asked on
JavaScript
5 Comments1 Solution151 ViewsLast Modified:
I have this code:
                                      <tr>
					        <td>May 5th. 2017</td>
					        <td>#2134</td>
					        <td>Delivered</td>
					        <td>$30.67</td>
					        <td><a class="orange" style="text-decoration:underline" id="details_id" href="#">Details</a></td>
					      </tr>
					      <tr>
						<div id="details_id">
						<span>HERE WILL BE ALOT OF INFORMATION FOR EACH DAY</span>
						</div>
					      </tr>

And I want the div that has the "details_id" to be collapse in (hidden) until user clicks on "Details" which contains the same id. I need this to work with alot of rows that would have a unique details_394 because later I will be pulling these rows from a database so if there is 10 rows, which ever details i will click on will collapse out to show the compatible information. And when I click details again it should collapse in (hide).
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 5 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros