Hi Kris,
I'd give the "show description" links a common class -- for example,
"show-description" That way you can use a basic selector to apply to
all of those links.
Then, I'd use the "this" keyword to find the appropriate description
relative to the clicked link.
Adding "return false" will prevent the link's default event from being
triggered.
So, given your markup, it might look like this:
$('a.show-description').click(functino() {
$(this).parent().next().show();
return false;
});
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 4, 2008, at 10:36 AM, Kris wrote:
Whats the best way to provide functionality (eg. toggle an 'additional
information' div) when dealing with records with unique id's.
For example lets say we are dealing with product records each one has
a unique id which is a number, so the HTML might look something like
this:
<div class="products">
<div class="product" id="product_1">
<p>Name: Red Widget</p>
<p>Price: 22.00</p>
<p><a href="">Show description</a></p>
<p id="description_1" style="display:none;">sadasdasdasdasd</p>
</div>
<div class="product" id="product_2">
<p>Name: Blue Widget</p>
<p>Price: 24.00</p>
<p><a href="">Show description</a></p>
<p id="description_2" style="display:none;">sadasdasdasdasd</p>
</div>
etc. etc.
</div>
I want to place unobtrusive jquery that will allow the 'show
description' link to display the correct description div...
Many thanks, K.
