[GTRka]

Доброго времени суток тем кто читает это.
Проблема следующая, не выпадает список при нажатии на кнопку,
вот html:

<div id="dd" class="wrapper-dropdown" tabindex="1">AAA
     <ul class="dropdown">
        <li><a href="#"><i class=""></i>123</a></li>
        <li><a href="#"><i class=""></i>123</a></li>
        <li><a href="#"><i class=""></i>123</a></li>
        <li><a href="#"><i class=""></i>123</a></li>
        <li><a href="#"><i class=""></i>...</a></li>
    </ul>
</div>

а вот код Javascrip:

obj.dd.on('click', function(event){
        $(this).toggleClass('active');
        return false;
    });
    
    function DropDown(el) {
        this.dd = el;
        this.initEvents();
    }
    DropDown.prototype = {
        initEvents : function() {
            var obj = this;
            
            obj.dd.on('click', function(event){
                $(this).toggleClass('active');
                event.stopPropagation();
            }); 
        }
    }
    
    $(function() {
        
        var dd = new DropDown( $('#dd') );
        
        $(document).click(function() {
            $('.wrapper-dropdown').removeClass('active');
        });
        
    });