Bu koda yardım bekliyorum

Arkadaşlar bir yerlerden buldugum alttaki kod drop/drown cinsi tıklayınca açılan boşluga tıklayınca kapanan bir kod.
Tam istedigim gibi ancak açılan pencerede linke tıklayınca pencere kapanıyor, yani pencerede bulunan linke tıklayınca o linke gitsin istiyorum, sizlerden yardım bekliyorum, bunu nasıl giderebiliriz?



<script>
function Goster(){
var q;
q=document.getElementById("bil");
q.style.display="";
document.getElementById("lin").focus();
document.getElementById("lin").setAttribute("onclick","Gizle()");
}
function Gizle(){
var q;
q=document.getElementById("bil");
q.style.display="none";
document.getElementById("lin").setAttribute("onclick","Goster()");
}
</script>

Link

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. : )










<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ı

• Sefer Algan - Her Yönüyle C#


• Zafer Demirkol - C# İle Asp.net


• Volkan Atasever - C# 6.0

Önce düşenceniz ve emeğiniz için çok teşekkür ederim.
Ok kısmı hoşuma gitti :) Bu da bir alternatif olabilir ama benim istegimi karşılamıyor.
Benim amacım hem kutunun içindeki linke tıklansın hem sayfada herhangi bir yere tıklandıgında kutu kapansın. Bir diğer amacım da aynısından bir tane daha yaparak birbirinden etkilenmeden biri açıldıgında diğeri kapansın.

Elimde birine tıklandıgında diğerini kapatan kod var, zaten hep onu kullanıyordum ama sayfada herhangi bir yere tıklandıgında iş yapmıyor, illa ki kendi butonuna tıklayacaksın. Bu kodu bu yüzden istemiştim. Yani elimdeki iki koddan bir adam çıkarma derdindeydim ama benim bu işlerden anlamamam yüzünden zor olacak gibi görünüyor.

Bakalım belki ilerde buluruz :)

Est. siz de sağolun hocam. Umarım bulursunuz aradığınız gibi bir örneği, nette javascriptle ilgili sitelere bakılabilir yine, kolay gelsin. :)

Düzeneleyebildiniz mi?

Aradan 2 yıl geçmiş neredeyse :)