单击导航中的另一个链接时，将图像返回到文本

Question

我正在尝试获取导航，其中每个链接的文本都被用jQuery点击的图像替换。我可以这样做，但我希望每个图像在点击导航中的另一个链接时更改回文本。有什么想法吗？

// // HTML

<div id="nav">

<div id="music" class="musiccur navpoint span2">
<a class="musiccur" href="#">
<span id="musictxt" class="musiccur">music</span><img id="musicmenu" src="g/musiccur.png">        
</a>
</div>
<div id="video" class="videocur navpoint span2"><a class="videocur" href="#">
<span id="videotxt" class="videocur">video</span><img id="videomenu" src="g/videocur.png">
</a>
</div>
<div id="shows" class="showscur navpoint span2"><a class="showscur" href="#">
<span id="showstxt" class="showscur">shows</span><img id="showsmenu" src="g/showscur.png">         
</a>
</div>
<div id="contact" class="contactcur navpoint span2">
<a class="contactcur" href="#"><span id="contacttxt" class="contactcur">contact</span>
<img id="contactmenu" src="g/contactcur.png"></a>
</div>

</div>

// // JQUERY

// Menupoint MUSIC点击//

$("#music").click(function() {
    $("#indeximg").fadeOut();
    $("#videopage,#showspage,#contactpage").addClass('hideme');
    $("#musicpage").removeClass('hideme').fadeIn(2500);
    $("#musicpage").css({'margin-top': 230});
    $("#music a span").addClass('hide');
    $("#musicmenu").fadeIn().addClass('showme');
    if ($("#music,#music span,#music a,#music img").hasClass("musiccur")) {
        $("#music,#music span,#music a,#music img").removeClass('musiccur');
        $('#musicmenu').addClass('nopadding');
    }

});

//Menupoint VIDEO click//

$("#video").click(function() {
    $("#indeximg").fadeOut();
    $("#musicpage,#contactpage,#showspage").addClass('hideme');
    $("#videopage").removeClass('hideme').fadeIn(2000);
    $("#videopage").css({'margin-top': 230});
    $("#video a span").addClass('hideme');
    $("#videomenu").fadeIn().addClass('showme');
    if ($("#video,#video span,#video a,#video img").hasClass("videocur")) {
        $("#video,#video span,#video a,#video img").removeClass('videocur');
        $('#videomenu').addClass('nopadding');
    }

});

//Menupoint SHOWS click//

$("#shows").click(function() {
    $("#indeximg").fadeOut();
    $("#musicpage,#videopage,#contactpage").addClass('hideme');
    $("#showspage").removeClass('hideme').fadeIn(2000);
    $("#showspage").css({'margin-top': 230});
    $("#shows a span").addClass('hideme');
    $("#showsmenu").fadeIn().addClass('showme');
    if ($("#shows,#shows span,#shows a,#shows img").hasClass("showscur")) {
        $("#shows,#shows span,#shows a,#shows img").removeClass('showscur');
        $('#showsmenu').addClass('nopadding');

    }

});

//Menupoint CONTACT click//

$("#contact").click(function() {
    $("#indeximg").fadeOut();
    $("#musicpage,#videopage,#showspage").addClass('hideme');
    $("#contactpage").removeClass('hideme').fadeIn(2000);
    $("#contactpage").css({'margin-top': 230});
    $("#contact a span").addClass('hideme');
    $("#contactmenu").fadeIn().addClass('showme');
    if ($("#contact,#contact span,#contact a,#contact img").hasClass("contactcur")) {
        $("#contact,#contact span,#contact a,#contact img").removeClass('contactcur');
        $('#contactmenu').addClass('nopadding');
    }
});