Jquery 如何仅显示当前选定的图像，如果未选择则隐藏它？

这里有一个例子

$（“.thumbnail”）.live（“单击”，函数（）{
$（“.fullimage”）.hide（）；
变量i=$（”
如果没有单击，默认情况下如何显示第一个图像
如何仅在活动链接上添加
选定的
类

我想保持当前的
html
格式

$(".thumbnail").on("click", function() {
    var selector = '.fullimage[src="' + $(this).attr('href') + '"]';

    $(".fullimage").hide();

    $(selector).fadeIn();
    return false;
});​

我已经更新了JSFIDLE：
我希望它像一个符咒一样有效

为什么使用3个标签，我想只需要一个：

<div id="fullimage">
 <img class="fullimage selected" src="http://i.imgur.com/W2SkQ.gif" alt=""  /> 
</div>

//对js来说就是这样

$(".thumbnail").live("click", function() {
    $(".fullimage").fadeOut();
    var i = $("<img />").attr("src", this.href).load(function() {
        $(".fullimage").attr("src", i.attr("src")).addClass("selected");
        $(".fullimage").fadeIn();
    });
    return false;
});​

$（“.thumbnail”）.live（“单击”，函数（）{
$（“.fullimage”）.fadeOut（）；
var i=$（“+1谢谢@Valky..假设我禁用了javascript，我只会看到一个图像。是否可以让大图像单击并转到下一个图像？
#fullimage .selected {display:block;}​

$(".thumbnail").live("click", function() {
    $(".fullimage").fadeOut();
    var i = $("<img />").attr("src", this.href).load(function() {
        $(".fullimage").attr("src", i.attr("src")).addClass("selected");
        $(".fullimage").fadeIn();
    });
    return false;
});​