Bug in my script, click on same thumbnail twice it wont work
<p>If i click on the same thumb twice the image fades out but then never fades back in. initially i would like it so when the thumb is active it is not selectable if possible.
Any help would be great, thanks.</p>

<p>Here is my jsfiddle of what i am talking about.
<a href="http://jsfiddle.net/vAzSn/5/" rel="nofollow">http://jsfiddle.net/vAzSn/5/</a></p>

<pre><code>$('.thumbs ul li').css('opacity', '.5');
$('.thumbs ul li:first-child').addClass('current');
$('.projectview').children().hide();
$('.projectview').children("section").first().show();
$('.thumbs ul li').click(function () {
    // Show info
    var thumb = $(this).attr('class');
    var partner = $('.' + thumb + 'info');
    $('.projectview').children().fadeOut();
    partner.fadeIn();
    // Tab opacity
    $(".current").removeClass("current");
    $(this).addClass("current");
});
</code></pre>
