Ben bir internet sitemde basit bir yapı kullanıyorum. Yapı şu şekilde, sitede 1 buton var ve bu butona tıkladığımda altta display:none olan tabloyu açıyor. Bu 1nolu tablonun son satırında da bir link var ve bu linke tıkladığımda da yine display:none olan 2.tabloyu açıyor.
İşlemin buraya kadar olan bölümünde sorun yok ama ben en başta ki butona tekrar tıkladığımda sadece 1 nolu tabloyu kapatıyor, 2 nolu tablo açık kalıyor. Ben ilk butona tekrar bastığımda 1 nolu tabloyu kapatırken 2 nolu tabloyu da kapatsın istiyorum. Birkaç araştırma yapıp denemeler yaptım ama başarılı olamadım, belki de yanlış işlem yaptım onu da bilemiyorum. Bu hususta bilgisi olan yardımcı olabilir mi? Şimdiden çok teşekkür ederim yardımlarınız için.
Sistemin Görseli:
Kullandığım Fonksiyon Kod Bloğu:
<script type="text/javascript">
// göster/gizle
function showMe(blockId) {
if ( document.getElementById(blockId).style.display == 'none' ) {
document.getElementById(blockId).style.display = ''; }
else if ( document.getElementById(blockId).style.display == '' ) {
document.getElementById(blockId).style.display = 'none'; }
}
</script>Butonda ve linkte kullandığım Kod:<a href="javascript:;" onclick="showMe('gizlebeni5');"><i class="fas fa-plus acikon"></i></a>Tablolarda Kullandığım Kod:<div style="display:none;" id="gizlebeni5">tablo kodları</div>