he he

$('.subscribe-form').on('click', '.btn-subscribed', function() {
    var that = $(this);
    if ( validate.. == true ) {
         that.fadeOut('slow'); // that.parent().parent().fadeOut();
         $('.subscribedSuccess').css('display', 'block');
   } 
  });

Пишу расширение для Хрома по аналогу "Адблока",но в связи с недоверием к сторонним расширением решил создать своё.

function pushNotifications (classDiv, text) {
       var pushNoti = {
           classDiv: '',
           text: '',
       };
         pushNoti.classDiv = classDiv;
         pushNoti.text = text;
         var $OuterDiv = $('<div id="successJsButton"></div>')
		          .appendTo($('header'))
		          .addClass(pushNoti.classDiv)
		          .html(pushNoti.text)
		          .fadeIn(3000).slideUp(300).delay(800);
};

#successJsButton {
	padding: 15px 100px;
	bottom: 20px;
	display: none;
	border-radius: 5px;
	right: 10px;
	position: fixed;
	color: #fff;
	text-align: center;
}
.successJsButtonError {
	background: #e26363 !important;
}
.successJsButtonSuccess {
	background: #9ae263 !important;
}

if ( data.success )  pushNotifications('successJsButtonSuccess', data.success);
else  pushNotifications('successJsButtonError', data.error);

Выражения стрелочных функций имеют более короткий синтаксис по сравнению с функциональными выражениями и лексически привязаны к значению this (но не привязаны к собственному this, arguments, super, или new.target). Стрелочные функции всегда анонимные.

.row1 {
   //
}
.row2 {
   // (!important)
}