use accordion for header

assets/css/general.css

@@ -745,21 +745,13 @@ table.dataTable tfoot td {
 	overflow-x: unset;
 }
 
-/* Header zone (elapsable) */
+/* Header zone (accordion) */
-.elapse-zone-header {
+.user_edit .accordion-button:not(.collapsed) {
-	margin-top:1rem;
-	padding:0.5rem 1rem !important;
 	background-color: rgba(255, 255, 255, 0.075)!important;
 	color: var(--bs-card-cap-color);
-	padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
-	border-radius: var(--bs-card-border-radius);
 }
-.elapse-zone-header i {
+.user_edit .accordion-body {
-	cursor: pointer;
+	background-color: transparent;
-}
-.elapse-zone-body {
-	border: 1px solid rgba(255, 255, 255, 0.075)!important;
-	padding: 0.5rem !important;
 }
 .elapse-zone-body div.small.text-muted {
 	display:none;

assets/js/sections/common.js

@@ -574,17 +574,6 @@ function qso_set_eqsl_qslmsg(station_id, force_diff_to_origin=false, object='')
     });
 }
 
-// [ELAPSE HEADER] function show/hide //
-function elapse_zone_header() {
-	if ($(this).find('i').hasClass('fa-caret-down')) {
-		$('.elapse-zone-body[data-zone="'+ $(this).closest('.elapse-zone-header').attr('data-zone') +'"]').hide();
-		$(this).find('i').removeClass('fa-caret-down').addClass('fa-caret-left');
-	} else {
-        $('.elapse-zone-body[data-zone="'+ $(this).closest('.elapse-zone-header').attr('data-zone') +'"]').show();
-		$(this).find('i').removeClass('fa-caret-left').addClass('fa-caret-down');
-	}
-}
-
 // [HELP ICON] function show/hide //
 function help_tooltip() {
 	if ($(this).closest('div').find('div.small.text-muted').is(":hidden")) {