$(document).ready(function () {
    /* This code is executed after the DOM has been completely loaded */

    /* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */
    $.easing.def = "easeOutBounce";

    /* Binding a click event handler to the links: */
    $('li.button a').click(function (e) {
        var icoObj = $(this).prev();
        icoObj.parent().parent().children(".button").children("img").attr("src", "images/procect_dh.jpg");
        icoObj.attr("src","images/procect_jh.jpg")
        //icoObj.attr("src", icoObj.attr("src") == "images/procect_dh.jpg" ? "images/procect_jh.jpg" : "images/procect_dh.jpg");
        /* Finding the drop down list that corresponds to the current section: */
        var dropDown = $(this).parent().next();

        /* Closing all other drop down sections, except the current one */
        $('.dropdown').not(dropDown).slideUp('slow');
        dropDown.slideToggle('slow');

        /* Preventing the default event (which would be to navigate the browser to the link's address) */
        e.preventDefault();
    })

});