$('[data-role="item-wrap"] [data-role="item"] .head-description').attr('data-active', 'false');
$('[data-role="item-wrap"] [data-role="item"]').on('click', function(){
active = $('.head-description', $(this)).attr('data-active');
if(active == 'false'){
$('.head-description', $(this)).attr('data-active', 'true');
$('i', $(this)).css('transform', 'rotate(180deg)');
}
if(active == 'true'){
$('.head-description', $(this)).attr('data-active', 'false');
$('i', $(this)).css('transform', 'rotate(0deg)');
}
});