{
    isOpen: [false, false, false],
    slidePublico: function(){
        var _self = this
        var containerClass = '.card-publico'

        $('body').on('click', containerClass, function(){
            var index = $(this).index()

            if (!_self.isOpen[index]) {
                $(containerClass).eq(index).addClass('active');
                $(containerClass).eq(index).siblings('.card-publico').removeClass('active');
                $(containerClass).eq(index).siblings('.card-publico').addClass('inactive');

                _self.isOpen[index] = true
            }
        })

        $('body').on('click', '.close-slide-pub', function(e){
            e.stopPropagation()
            var index = $(this).parent(containerClass).index()

            if (_self.isOpen) {
                $(containerClass).eq(index).removeClass('active');
                $(containerClass).eq(index).removeClass('inactive');

                _self.isOpen[index] = false
            }
        })
    }
}