var divClass = "accordion";//accorion uygulanacak ul'lerin bulunduğu divin classı

var menuHtml = "";

var sonAcikUl = -1;



$(document).ready(function(){

    

    var us = $('div.'+divClass+'>ul').length;//işleme girecek ul sayısını alıyoruz

    

    for(i=0;i<us;i++)

    {

        spanOlustur(i);

    }

    $('div.'+divClass).empty().html(menuHtml);

    $('div.acilanDiv').hide();

});

    

function spanOlustur(ulSayi)

{

    var ul = $('div.'+divClass+'>ul:eq('+ulSayi+')');

    var ulHtml = ul.html();

    var spanBaslik = ul.attr('title');

    var menu = '<div class="accordionBaslik" id="menu'+ulSayi+'" onclick="accordionAc('+ulSayi+');">'+spanBaslik+'</div>';

    menu    += '<div class="acilanDiv" id="div'+ulSayi+'"><ul class="accordion">'+ulHtml+'</ul></div>';

    menuHtml += menu;

}



function accordionAc(id)

{

    if(sonAcikUl!=id)

    {

        if(sonAcikUl==-1)

        {

            $('div#div'+id).slideDown(250);

        }

        else

        {

            $('div#div'+sonAcikUl).slideUp(250);

            $('div#div'+id).slideDown(250);

        }

        sonAcikUl = id;

    }

}