В JS я мягко говоря разбираюсь плохо.
Я быстро набросал простенький код, который при нажатии на значёк "минус" скрывает содержимое DIVа, а при нажатии на "плюс" открывает. Как мне сделать так, чтобы значок был только один? До нажатия "минус", а после "плюс" и чтобы при нажатии на них выполнялись те же действия (показ и срытие DIVа)
<html>
<head>
<title>Один слой показываем и скрываем</title>
<script language="JavaScript">
<!-- //
var d=document;
function showsl (n, div_id) {
if (n==0) {
d.all[div_id].style.visibility=\'visible\';
d.all[div_id].style.position=\'relative\';
} else {
d.all[div_id].style.visibility=\'hidden\';
d.all[div_id].style.position=\'absolute\';
}
}
// -->
</script>
</head>
<body>
<p>Наименование: <b>Корыто ржавое</b></p>
Спецификация:
<a style="cursor:hand; text-decoration:underline" onClick="showsl(1,\'div_1\')"><img border="0" alt="Скрыть спецификацию" src="../../templates/img_menu/minus.gif"></a>
<a style="cursor:hand; text-decoration:underline" onClick="showsl(0,\'div_1\')"><img border="0" alt="Скрыть спецификацию" src="../../templates/img_menu/plus.gif"></a>
<DIV id="div_1">
90-94 Eclipse 4WD
89-93 Galant 4WD
90-94 Laser 4WD
90-94 Talon 4WD
</DIV>
<p>Цена: 117$</p>
<p>Наименование: <b>Ерш унитазный</b></p>
Спецификация:
<a style="cursor:hand; text-decoration:underline" onClick="showsl(1,\'div_2\')"><img border="0" alt="Скрыть спецификацию" src="../../templates/img_menu/minus.gif"></a>
<a style="cursor:hand; text-decoration:underline" onClick="showsl(0,\'div_2\')"><img border="0" alt="Скрыть спецификацию" src="../../templates/img_menu/plus.gif"></a>
<DIV id="div_2">
92-95 Elantra
88-93 Festiva
90-98 Golf
85-98 Jetta
91-94 Laser
86-90 Legend купе
89-90 Legend седан
89-98 Mirage
95-99 Odyssey
97-99 Oasis
90-97 Passat V6
86-92 RX-7
86-92 Supra без ADJ SUSPENSION
99-02 TL
90-94 Talon
</DIV>
<p>Цена: 117$</p>
</body>
</html>