$('[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)'); } });