var toggleScript = {
    
    options : {

		initClass: '.js-toggle',
        targetClassData:'data-toggle-target',
		activeClassData: 'data-active-class',
        activeClassDefault: 'js-toggle-active'
       
	},
	init: function() {
		
		var _this = this;
		
		if($(_this.options.initClass).length) {
			
			_this.clickLogic(_this);
			
		}


	},
	setActiveClass: function(_this, el) {
		
		if(el.attr(_this.options.activeClassData)) {
	
			_this.options.activeClassDefault = el.attr(_this.options.activeClassData);
			
		} 
	
	},
	clickLogic: function(_this) {
		
		$(_this.options.initClass).each(function() {
			
			$(this).unbind('click');
			$(this).on('click', function(e) {
				
				e.preventDefault();
				
				var el = $(this),
				    target = $(this).closest('.' + el.attr(_this.options.targetClassData));
				
				_this.setActiveClass(_this, el);
				
				if(target.hasClass(_this.options.activeClassDefault)) {
					
					target.removeClass(_this.options.activeClassDefault);
					
				} else {
					
					target.addClass(_this.options.activeClassDefault);
					
				}
			});	
				
		});
		
	}
	

}

$(document).on('article:open_article', function(){
	toggleScript.init();	
});

$(document).trigger('article:open_article');