Вместо того, чтобы показывать и скрывать несколько делений, вы также можете попробовать это решение.
Создайте два стиля, каждый с различным набором фонового изображения. Всякий раз, когда вы отлавливаете событие, в котором данное изображение должно быть помечено как правильное или неправильное, просто поменяйте местами стиль div, который будет иметь эффект переключения фонового изображения.
Очень быстрый (и нуждающийся в некоторой очистке) пример кода ниже, у вас есть правильная идея с установкой типа с помощью функции ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Image Swap</title>
<script language="javascript">
function setImage(id, value){
document.getElementById(id).className=value;
}
</script>
<style>
.blank{
width:80px;
height:80px;
float:left;
}
.correct{
background-image:url('correct.gif');
background-repeat:no-repeat;
width:80px;
height:80px;
float:left;
}
.wrong{
background-image:url('wrong.gif');
background-repeat:no-repeat;
width:80px;
height:80px;
float:left;
}
.item{
float:left;
height:80px;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div id="correct1" class"blank"></div><div id="item1" class="item">Item 1</div><div class="clear"></div>
<div id="correct2" class="blank"></div><div id="item2" class="item">Item 2</div><div class="clear"></div>
<script language="javascript">
setImage('correct1','correct');
</script>
</body>
</html>