JQuery - Hiding/Showing checkbox(s) & Image highlight/border(s)  
<p>I'm learning jquery in my spare time to help improve my website making skills.  I thought this was an easy fix, however after spending hours trying to get it working, I've resorted to asking for some or any help.</p>

<p>Background Info:</p>

<p>I am coding a simply form using jquery.  It's a form used to order car parts.  There is a checkbox, that when clicked, reveals 4 other 'extra' choices, each with a small thumbnail, text &amp; checkbox of their own.  The way I want it to work is, the extra choices (their image, text, checkbox) should not appear unless the user has checked the checkbox 'extra choices'.  And once the extra choices checkbox is unchecked, the revealed choices should disappear.</p>

<p>I have the above working part working.  The part I'm stuck on is when the user chooses an extra choice (such as tire, muffler, etc.), I want the border around the image to highlight.  I have a css class called 'img.selected' that I intended to use to visualize the border being highlighted.  So what I know I need to do, but can't figure out, is to reference the css class using jquery.  When the image thumbnail is selected it should highlight and the opposite is true, when deselected via the checkbox, the highlight/border should disappear.  </p>

<p>Here is the code I used for the hiding/showing of the extra parts choices:</p>

<pre><code>    $("#extraPartsContainer").hide();    /* Hidding by default textbox */
$('#chkWantsExtraParts').click(function() {  /* This will check that checkbox is       clicked */
     if( $(this).is(':checked') ) { /* checking checkbox is checked or not */
         $("#extraPartsContainer").show(); /* showing hide div if checkbox is checked */
     } else {
            $("#extraPartsContainer").hide(); /* hiding div if checkbox is unchecked */
     }
});
</code></pre>

<p>Any ideas?  I was thinking maybe a simple toggleClass would work.  Or using .hide() .show() again?</p>
