Ok...made that change, but no difference in the execution. Here's the relevant js and html/cf:
$(document).ready(function() { $('.update-link').click(function() { $(this).prev('.options').hide(); $(this).next('.update-div').fadeIn(500); }); }); <div class="options"> [ <a href="#tour_url#" target="_blank">Preview</a> ] [ <a class="update-link" href='##'>Update</a> ] [ <a href= "##">Delete</a> ] </div> <div class="update-div"> <div>Edit Link:</div> <div><input class="textinput01 update-input" size="80" value="#tour_url#"></div> <div><input class="update-button" type="button" value="Update"></div> <div> > -----Original Message----- > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > Behalf Of MorningZ > Sent: Tuesday, January 13, 2009 3:05 PM > To: jQuery (English) > Subject: [jQuery] Re: How to make this work for multiple elements with same > class > > > to start: you have > > $('this') > > it should be without the ticks > > $(this) > > On Jan 13, 2:50 pm, "Rick Faircloth" <r...@whitestonemedia.com> wrote: > > Here's the code that I'm trying to make function > > for multiple links on a page with the class of "update-link" > > > > How would I change this to make it work for the specific > > .update-link element that I click? > > > > $(document).ready(function() { > > > > $('.update-link').click(function() { > > > > $('this').prev('.options').hide(); > > $('this').next('.update-div').fadeIn(500); > > > > }); > > }); > > > > Thanks, > > > > Rick