Blog

Comment réduire ou étendre votre contenu de texte facilement avec Elementor

blank

Code CSS and JS

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.lire-plus').on('click', function(event) {
        event.preventDefault();
        var $this = $(this);
        $this.toggleClass('contenu-cache');
        $this.closest('.zone-texte').find('.lire-moins, .texte-openclose').toggleClass('contenu-cache');
    });

    $('.lire-moins').on('click', function(event) {
        event.preventDefault();
        var $this = $(this);
        $this.toggleClass('contenu-cache');
        $this.closest('.zone-texte').find('.lire-plus, .texte-openclose').toggleClass('contenu-cache');
    });
});
</script>

<style>
.contenu-cache{
    display: none;
}
</style>

Les articles récents

Un projet à l'horizon ?

Prenons contact et parlons de votre projet.

Obtenez les dernières informations et conseils sur la conception de site WordPress

 

blank

Conception et développement de sites web. Nous mettons en place un service de conception de site web de qualité et après abordable

Retour en haut