JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a"> 
<span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
</div><div class="a"> 
<span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
</div><div class="a"> 
<span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
</div><div class="a"> 
<span class="chevron_toggleable glyphicon glyphicon-chevron-down"></span>
</div>

CSS

.a {
    width: 100px;
    background: rgba(100,0,0,.5)
}

JavaScript

$('.a').on('click', function() {
  $(this).find('span').closest('.chevron_toggleable').toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
});