Merhaba, hocam eklediğiniz kodu biraz inceledim, buradaki sorun a elemanına onblur atamanızdan kaynaklanıyor. Çünkü bunu atadığınız zaman bir sefer tıklandığında div görünüyor fakat divin içindeki linke tıkladığınızda onblur özelliği devreye girip linke gitmeden tekrar divi kapatıyor. Bunun çözümü onblur kullanmak yerine, hem açma hem de kapatma işlemini sadece a elementine tıklayıp yapmak.

Kendi bilgisayarımda sizin buraya eklediğiniz kodları revize ederek bunun çalışan bir örneğini yaptım. Divin açık-kapalı olduğunu anlamak için a elemanının yanına bir ok ekledim. Div kapalıyken ok sag tarafı, açıkken aşağıyı gösteriyor. Stil kısmına 2 tane ekstra satır eklendi. #ok kısmından ok rengi ve arka plan rengi değiştirilebilir. #lin zaten tıklanacak a'nın stili. Ok ve bu tıklanacak a elemanının uyumlu olması için birkaç renk ekledim. İstediğiniz gibi bunlarda oynama yapılabilir. Goster ve Gizle metodlarını uygun şekilde revize ettim. Sizin buraya eklediğiniz kodlarda stil ve javascript bölümlerinde bazı yazım hataları var, kelimeler arasında boşluk bırakılmış, bunları da düzeltmenizde fayda var. Aşağıya kodları ekliyorum, takıldığınız yerleri sorabilirsiniz, kolay gelsin. : )






sayfa



<script>
function Goster(){
var q;
q=document.getElementById("bil");
q.style.display="block";
document.getElementById("lin").focus();
document.getElementById("lin").setAttribute("onclick","Gizle()");
document.getElementById("lin").textContent = ' C# Kitapları';
document.getElementById("ok").textContent = '\u25BC';
}
function Gizle(){
var q;
q=document.getElementById("bil")
q.style.display="none";
document.getElementById("lin").setAttribute("onclick","Goster()");
document.getElementById("lin").textContent = ' C# Kitapları';
document.getElementById("ok").textContent = '\u25B6';
}
</script>




▶  C# Kitapları