JSFiddle - React, Tailwind, and code Playground

by OlsonDev

JavaScript

// shit used to look like this...
$('a.toggle-filter-criteria-on,a.toggle-filter-criteria-off').live("click",function(){
    
    var self = $(this);
    
    if(self.hasClass('toggle-filter-criteria-on')){
        self.data('state','off');
        self.addClass('toggle-filter-criteria-off');
        self.removeClass('toggle-filter-criteria-on');
        $("div.filter-criteria").hide();
    }else{
        self.data('state','on');
        self.addClass('toggle-filter-criteria-on');
        self.removeClass('toggle-filter-criteria-off');
        
        $("div.filter-criteria").show();
    }
    
});

// till I made it look like this instead...
$(document.body).on('click', 'a.toggle-filter-criteria-on, a.toggle-filter-criteria-off', function() {
    var self = $(this)
        , isOn = self.hasClass('toggle-filter-criteria-on')
    ;
    self
    .data('state', isOn ? 'on' : 'off')
    .toggleClass('toggle-filter-criteria-on toggle-filter-criteria-off')
    ;
    $('div.filter-criteria').toggle(isOn);
});