/**
* @author Vladimir Yunev
* @desc Create accordion on dl-elements with jQuery
* @version 1.0
* @example
* $("dl-element").accordion();
* @license free
**/
jQuery.fn.accordion = function() {
    function update(dl) {
        $("dt:not(.active)", dl).css("cursor", "pointer");
        $("dt.active", dl).css("cursor", "");

        $("dd div", dl).hide(300);
        //$("dd span.remark", dl).show();

        $("dt.active", dl).next().children("div").show(300);
        $("dt.active", dl).next().children("span.remark").hide();
    }

    return this.each(function() {
        var dl = $(this), active = $("dt.active", dl);
        update(dl);

        $("dt", dl).click(function() {
            if (!$(this).hasClass("active")) {
                active && active.removeClass("active");
                active = $(this).addClass("active");
                update(dl);
            }
        });
    });
};