button to slide open/hide content like a toggle but wiht a whole section

well this is something on request long time ago:
https://webers-testseite.de/colorsection-toggle/

ich schreibe jetzt mal gerade deutsch, geht mir besser aus den Händen.
Eigentlich steht alles ganz gut auf der Seite.
Ich habe allerdings den Button ( full-width button) unter die Toggle Section gesetzt.

den code musst du dann deinen Wünschen entsprechend anpassen. die Button Beschriftung kannst du dann auch toggeln. Button Anfangstext und im Code sollte aber übereinstimmen!:

// color-section toggle
function add_custom_toggler(){
?>
<script>
(function($){
  $(window).load(function () {
    $('#toggle-color-section').addClass('notseen');
    $('.avia-button-wrap.color-section-toggler').click(function () {
     $('#toggle-color-section').toggleClass('notseen');
     $('.avia-button-wrap.color-section-toggler span.avia_iconbox_title').text(function(i, v){
             return v === 'Studiengänge, die perfekt zu Ihren Fähigkeiten passen' ? 'Danke für die Info' : 'Studiengänge, die perfekt zu Ihren Fähigkeiten passen'
     })   
    });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_toggler');

Wenn noch fragen sind – gerne

Ausserdem könntest du mal folgenden Code auch noch probieren; den kann ich via Developer Tools auf deiner Seite nicht simulieren.
Der soll dafür sorgen dass du nicht nur innerhalb eines Toggles immer nur einen auf hast, sondern auch in benachbarten toggles:

function only_one_toggle_open_at_the_same_time(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.toggler').on('click', function(){
  		$('.toggler').not(this).next().removeClass('active_tc');
	});
    	$('.toggler').on('click', function(){
                $('.toggler').not(this).removeClass('activeTitle');	
	});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'only_one_toggle_open_at_the_same_time');

hast du es so wie auf meiner Testseite beschrieben gemacht, dass du die Id als link Ziel für den Button eingegeben? also relativ nicht absolut:

also in den Button link : #studiengangmore2

• Give a unique ID to the Color-Section to toggle f.e.: toggle-color-section
• Give to the button a custom-class f.e: color-section-toggler
• the button link is the unique ID of the toggle section

ausserdem sollte dann der Teil für die Beschriftung so aussehen:

     $('.avia-button-wrap.color-section-toggler span.avia_iconbox_title').text(function(i, v){
             return v === 'alle Studiengänge' ? 'weniger Studiengänge' : 'alle Studiengänge'
     })