JSFiddle - React, Tailwind, and code Playground

by mrunali tatkundawar

HTML

<div class="collapseTitle">Open 1<div class="symbol">&nbsp</div></div><div class="collapseContent">Content 1</div><div class="collapseTitle">Open 2<div class="symbol">&nbsp</div></div><div class="collapseContent">Content 2</div>

JavaScript

$('.collapseTitle').addClass('expanded').
      click(function() {
            var self = $(this).toggleClass('expanded collapsed');
            self.nextUntil('.collapseTitle').toggle('fast', function() {
                  self.find('.symbol').css({'background-position':
                        self.hasClass('collapsed') ? '0 50%' : '-36px 50%'});
            });
      }).
      click();