Всем привет. Подскажите как нормально сделать?
<script>
$(document).ready(function(){
$(".activeprev.a").click(function(event){
$(".js-fancybox.seeb").removeClass('active');
$(".js-fancybox.seea").addClass('active');
});
$(".activeprev.b").click(function(event){
$(".js-fancybox.seea").removeClass('active');
$(".js-fancybox.seeb").addClass('active');
});
});
</script>
<div class="boxphoto">
<a class="js-fancybox seea noactive active" href="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"><img class="b-gallery-w__image" alt="" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"></a>
<a class="js-fancybox seeb noactive" href="http://javascript.ru/forum/images/smilies/help.gif"><img class="b-gallery-w__image" alt="" src="http://javascript.ru/forum/images/smilies/help.gif"></a>
</div>
<span class="activ_prev_back"><img class="activeprev a" alt="" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"></a></span>
<span class="activ_prev_back"><img class="activeprev b" alt="" src="http://javascript.ru/forum/images/smilies/help.gif"></a></span>