Div Placement

Hello - I'm taking myself deeping into jQuery and need a bit of guidance.  I'm creating a table that lists poems (database id, poem title, rating of poem, and judges who are reviewing poem). I've added an "edit" but where I want a small menu to appear via show/hide div.   The menu lists three judges to select to assign to review the selected poem.  I have the menu appearing, but it appears on all rows of the table containing poems.  How may I make it appear for only the row containing the judges I wish to edit? <table id="box-table-a" summary="Cumulative List of Poems"> <thead>   <tr>   <th>ID</th>   <th>Title</th>   <th>Rating</th>   <th>Judge(s)</th>   <th></th>   </tr> </thead>   <tbody>     <cfoutput query="qGetPoems" startrow="#url.start#" maxrows="#perpage#">     <tr>       <td class="poemID">#id#)</td>       <td><a href="poemOverview.cfm?id=#id#">#poemTitle#</a></td>       <td>Overall Rating</td>       <td>Judge 1<br />Judge 2<br /> Judge 3 </td>       <td>              <div class="examples">       <input class="pretty_button" name="toggleh1" value="Edit" id="toggleh1" type="submit" title="Click to edit judges"/>       </div>       </cfoutput>       <div class="showhide">         <form>         <label ><input checked="checked" type="checkbox">Judge 1</label>         <label><inputtype="checkbox">Judge 2</label>         <label><input  type="checkbox">Judge 3</label>         <div align="center">         <input class="dlgButton" value="Done" type="button">         </div>               </form>           </div>         </td>       </tr>     </tbody> </table> I think may .showHide class is in the wrong location.   Any help is appreciated.  Thanks in advance.