Javascript ile div göster - gizle yardım [Arşiv]

palovera

27.12.2008, 14:59

Javascript ile iki divi aynı gösterme ve gizleme ile alakalı bir çalışma yapmak istedim fakat tam olmadı yaptıgım deneme aşağıda ;

<script language="JavaScript" type="text/JavaScript">
function goster(id){ document.getElementById(id).style.display = 'block'; }
function gizle(id){ document.getElementById(id).style.display = 'none'; }

function menu(id){
if(id == 'goster-btn'){
goster('A1');
goster('A2');

gizle('goster-btn');
goster('gizle-btn');
}else{
gizle('A1');
gizle('A2');

goster('goster-btn');
gizle('gizle-btn');
}
}
</script>

</head>
<body>
<div id="A1" style="display:none;">
Burasi A1
</div>

<div id="A2" style="display:none;">
Burasi A2
</div>
<br>

<a href="#" onClick="menu(şis.id)" id="goster-btn">Ikisinide goster</a>
<a href="#" onClick="menu(şis.id)" id="gizle-btn" style="display:none;">Ikisinide gizle</a>

</body>
</html>

Yukarda ki deneme kodlama da

A1- A2 dedikya,
ben bunu ;

A1 - A2
A3 - A4
A5 - A6 vs. olarak çoğaltıp

1. linke tıkladıgım da A1 - A2 ' yi göster
2. linke tıkladıgım da onları gizle A2 - A3 göster
3. linke tıkladıgım da onları gizle A4 - A5 göster gibi yapmak istiyorum.

Şimdiden teşekkürler