Mehr/weniger lesen css und js
Dieses Script in ein Code-Modul unter dem Umschalter einfügen.
<script>
(function($) {
$(document).ready(function(){
$(‚.et-readmore-toggle .et_pb_toggle_title‘).on(‚click‘, function(e) {
if ($(e.target).closest(‚.et-readmore-toggle‘).hasClass(‚et_pb_toggle_open‘)) {
$(this).text(‚Show More‘);
} else {
$(this).text(‚Show Less‘);
}
});
});
})(jQuery);
</script>Die folgenden css-code-snippets in die erweiterten Einstellungen-CSS des Umschalter-/Toggle-Moduls einfügen. Nicht vergessen dem Umschalter-Modul eine Klasse zuzuweisen. In diesem Fall „et-readmore-toggle„. Siehe 4. Zeile des Scripts.
css für Toggle Hauptelement
display:flex;
flex-direction: column;
align-items: flex-end;css für Toggletitel
order:2;
padding-right:25px !important;css für Toggleinhalt
order:1;
padding: 0px;
