Arkadaşlar ben hazır bir tema üzerinde çalışıyorum.Temada javascriptle yapılmış bir kategori menüsü var üzerine tıklandığında kategoriler aşağı açılır şekilde sıralanıyor.Buraya kadar herşey normal ama açılan kategori alanını kapatmak için tekrar menünün üstüne tıklanması gerekiyor.Ben sayfanın herhangi bir yerine tıklandığında kapansını istiyorum.Javascript bilgim fazla olmadığından kodlardan tam olarak anlamadım.Aşağıda kodları veriyorum.İlgi bir makale,kaynak vs versenizde olur.Kodlama olarak nasıl bir değişiklik yapmam gerek yardımcı olursanız sevinirim.

Anasayfadaki js kodu:

  <li><a href="#" onclick="toggle_slide('adv_categories'); return false;"><?php _e('Kategoriler','cp'); ?></a><a href="#" onclick="toggle_slide('adv_categories'); return false;"><img src="<?php bloginfo('template_url'); ?>/images/menu_downarrow.gif" width="9" height="5" alt="&dArr;" class="dropdown" /></a></li>

theme function dosyasındaki ilgili fonksiyon kodları:

/* Category nav drop down */
function toggle_slide(id_name) {
    jQuery('#'+id_name).slideToggle('fast');// open/close slide menu
}

/* Category nav drop down */
function selected_slide(id_name, form_id_place, form_name_place, id_cat) { // checked slide variable
    var ObjectForm = document.getElementById(id_name); // init slide
    var Element = ObjectForm.parentNode.getElementsByTagName("li"); // init slide element
    for (i = 0; i < Element.length; i++) { // choose slide element
        ElementHref = Element[i].parentNode.getElementsByTagName("a"); // init Tag A
        attribute = ElementHref[i].getAttribute("rel"); // init ID element
        Element[i].removeAttribute("class"); // delete checked old slide menu selected
        if (id_cat == attribute) {  // init selecte element
            save_slide(form_id_place, form_name_place, attribute, ElementHref[i].innerHTML); // save data
            Element[i].setAttribute("class", "active"); // checked slide menu selected element
        }
    }
    toggle_slide(id_name); // close slide menu
}

/* Category nav drop down */
function save_slide(id_place, name_place, var_id, var_name) {
    document.getElementById(id_place).value = var_id; // write ID element
    document.getElementById(name_place).innerHTML = var_name; // write name Element
    return 0;
}

/* initialize the form validation */
jQuery(document).ready(
    function(){
        jQuery("#mainform").validate({
            errorClass: "invalid"
        });
    }
);