/**
* @author Vladimir Yunev
* @desc Create accordion on dl-elements with jQuery
* @version 1.0
* @example
* $("dl-element").accordion();
* @license free
**/

jQuery.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);

            }

        });

    });

};