JSFiddle - React, Tailwind, and code Playground
by 20yco
JavaScript
control.each(function() {
$(this).on('click', function(e) {
e.preventDefault();
$panel = $(this).find('.panel');
$control = $(this);
$control.addClass('checked');
$panel.css('display', 'block').animate({'margin-right': 0, opacity: 1}, 200);
$(".control").find(".panel").not($panel).animate({'margin-right': '-4px', opacity: 0}, 200, function () {
$(this).css('display', 'none');
});
$(".control").not($control).removeClass('checked');
return false;
});
});