PELLEX C+ – 
LIGERO Y CRUJIENTE

document.addEventListener('DOMContentLoaded', function () { jQuery(function ($) { $('.showme').on('click', function (event) { event.preventDefault(); const target = $(this).attr('data-target'); if (!target) return; const $target = $(target); if (!$target.length) return; if ($target.is(':visible')) { $target.stop(true, true).slideUp(); $(this).removeClass('opened'); } else { $('.hidden-toggle').not($target).stop(true, true).slideUp(); $('.showme').not(this).removeClass('opened'); $target.stop(true, true).slideDown(); $(this).addClass('opened'); } }); $('.closebutton').on('click', function (event) { event.preventDefault(); const target = $(this).attr('data-target'); if (!target) return; const $target = $(target); if (!$target.length) return; $target.stop(true, true).slideUp(); $('.showme[data-target="' + target + '"]').removeClass('opened'); }); }); }); .hidden-toggle { display: none; } .showme a, .showme svg, .showme i, .showme img, .closebutton a, .closebutton i, .closebutton img { cursor: pointer; transition: transform 0.34s ease; } .showme.opened i, .showme.opened img, .showme.opened svg { transform: rotate(90deg); }