В HTML выводятся изображения:

<div class="content">
<img src="img/1.jpg" >
<img src="img/2.jpg" >
<img src="img/3.jpg" >
<img src="img/4.jpg" >
<img src="img/5.jpg" >
<img src="img/6.jpg" >
<img src="img/7.jpg" >
<img src="img/8.jpg" >
<img src="img/9.jpg" >
</div>

В скрипте прописываю:

$(document).ready(function(){
$("a#create").click(function(){$("div#content").lo ad("create.html");});

$(".content img").hover(
function () {
$(this).addClass('imageover');
},
function()
{
$(this).removeClass('imageover');
}
);

$(".content img").click(function () {
$(this).toggleClass('imagehover').fadeOut(100).fad eIn(50).fadeOut(50).fadeIn(500);
}


);

});

Вопрос: toggleClass выбирает и подсвечивает картинку, по которой прошел щелчек мыши. А как сделать так, чтобы щелчек выбирал и подсвечивал только текущую картинку, а с остальных выделение сбрасывал? Нужно, чтобы картинки работали а-ля checkbox. Спасибо.