jQuery Sticking Fade On Clicks
<p>I have three divs with the class 'thumbs' and they are used to select products. I'm currently using the following code to highlight the current choice:</p>

<pre><code>$('.thumbs').hover(function(){            
$(this).stop().fadeTo("normal", 1.0);
},function(){
$(this).stop().fadeTo("slow", 0.5);
});
</code></pre>

<p>By default all choices are at 50% opacity, when you hover over the choice it will fade to 100% opacity and when you move your mouse it will go back to 50%. The problem is I want it to stay at 100% when an option is clicked, and then only have the other 2 options changed on hover. Then when another option is clicks I want that to go to 100% opacity and the others to go back to 50%. I hope I've explained myself well, if not feel free to comment. Any help would be greatly appreciated.</p>
