Merhaba Js ile div gizleme gösterme

Arkadaşar gösterp gizletme de sorun yokda sorunum su: mesele deneme linkine tıkladığında diğer tüm açık divleri gizlesin istiyorum..

Deneme linkine tıkladığımda açıyor deneme2 linkine tıkladığımda deneme linkini kapatıp deneme 2 yi açsın istiyorum ben nasıl yapabilirim

<script type="text/javascript">
<!--
function toggle_div(id) {
var diq = document.getElementById(id).style;
diq.display=(diq.display=="none") ? "" : "none";

}
//-->
</script>

<a href="javascript:toggle_div('hideshow')">Deneme</a>
<a href="javascript:toggle_div('hideshow2')">Deneme2</a>
<a href="javascript:toggle_div('hideshow3')">Deneme3</a>

<div id="hideshow" style="display:none">
<h1>Deneme</h1>
</div>
<div id="hideshow2" style="display:none">
<h1>Deneme2</h1>
</div>
<div id="hideshow3" style="display:none">
<h1>Deneme3</h1>
</div>

JQuery ve Accordion eklentisi kullan kardeş. Böyle JS yazmayı bıraksan iyi edersin.

http://www.aycan.net/blog/jquery-aja...panir-div.html

Sevgili AycanB zaten orada da yukardakinin aynısı var ikisi de aynı işlemi yaptırıyor. Birisini kapatınca diğer açmıyor ki toogle slipeup slidedown gösterilmiş birbirinden bağımsız divleri açıp kapatıyor. Benm demek istediğim yukarda da denildiği gibi js ile akardoin tarzı bir uygulama yapılamaz mı? fazla sistem kasmadan

Sayfa içi

<div class="faqStyle">

    <div class="faqItem">
       <div class="faqTitle"><a href="">1 BAŞLIK</a></div>
        <div class="faqContent">
1 İÇERİK
</div></div>

    <div class="faqItem">
       <div class="faqTitle"><a href="">2 BAŞLIK</a></div>
        <div class="faqContent">
2 İÇERİK
</div></div>

</div>

js

$(".faqItem .faqTitle a").click(function(){
    // soru indeksi getiriliyor
    
    var _index = $(".faqItem .faqTitle a").index(this);
        // eger ayni soruya tiklaniyorsa, false donuyoruz
        if($(".faqItem").eq(_index).hasClass("active")) {
            $(".faqItem").eq(_index).removeClass("active")
            $(".faqItem .faqContent").eq(_index).slideUp("slow");
            return false;
        }
        // tüm elementlerde dolasip, class temizleyip slideup yapiliyor
        $(".faqItem").each(function(){
                $(this).removeClass("active");
        })
        $(".faqContent").each(function(){
                $(this).slideUp("slow");
        })
        
        $(".faqItem").eq(_index).addClass("active");
        $($(".faqItem .faqContent").eq(_index)).slideToggle("slow");
      // linki disable etmek icin return false
      return false;
})

demo
http://finansbank.com.tr/bankacilik/...m/default.aspx

Böyle eklentireler için jquery ve birazcık bilgi yeterli.

http://mahirix.net/ukash/siksorulansorular.html

	function goster(id){
	
		$(".sss-icerik").hide();
		
		$("#sss-icerik-"+id).show();
	}

.sss-icerik class, #sss-icerik id tanımlıları çagırır o kadar.