tooltip.js

class DropdownCabinet {
    constructor(){
        this.$toggler = $('.js-dropdown-toggler');
        this.$list = $('.js-dropdown-list');
        this.$html = $('html');

        this.init();
    }

    init(){
        this.bind();
    }

    toggler(){
        this.$toggler.click(function(e){
          var current = $(this).next('.js-dropdown-list');
          current.toggleClass('is-open');
          $('.js-dropdown-list').not(current).removeClass('is-open');
          e.stopPropagation();
        });
    }

    closeAll(){
        let _this = this;

        this.$html.click(function(){
          if (_this.$list.hasClass('is-open')) {
            _this.$list.removeClass('is-open');
          }
        });

        this.$list.click(function(e){
          e.stopPropagation();
        });
    }


    bind(){
        this.toggler();
        this.closeAll();
    }
}