Animer l'élément à la hauteur automatique avec jQuery


171

Je veux animer un <div>de 200pxà autohauteur. Je n'arrive pas à le faire fonctionner cependant. Quelqu'un sait-il comment?

Voici le code:

$("div:first").click(function(){
  $("#first").animate({
    height: "auto"
  }, 1000 );
});

14
Vous devez marquer la meilleure réponse comme acceptée.
kleinfreund


@IanMackinnon cette question a certainement de meilleures réponses. J'ai fermé cette question en double.
Madara's Ghost

Réponses:


254
  1. Enregistrez la hauteur actuelle:

    var curHeight = $('#first').height();
  2. Basculez temporairement la hauteur sur auto:

    $('#first').css('height', 'auto');
  3. Obtenez la hauteur automatique:

    var autoHeight = $('#first').height();
  4. Revenez à curHeightet animez vers autoHeight:

    $('#first').height(curHeight).animate({height: autoHeight}, 1000);

Et ensemble:

var el = $('#first'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 1000);

@Daniel, où est votre code JS? Publiez ce bit, ainsi que des parties du HTML qui montrent les éléments auxquels vous faites référence.
David Tang

21
Cela fonctionne, mais j'ai ajouté un rappel qui restaure le comportement de croissance automatique de l'élément .animated({height: autoHeight}, 1000, function(){ el.height('auto'); });
rg89

Faites attention à définir des hauteurs fixes sur des conceptions réactives. Cela se transforme en désordre si l'utilisateur redimensionne l'écran. Il est préférable de régler la hauteur sur «auto» une fois l'animation terminée.
Jonathan Tonge

4
Cela a le potentiel de provoquer FOUC. L'utilisateur peut voir l'élément sauter à pleine hauteur pendant une fraction de seconde avant de l'animer.
Dingredient

1
Vous pouvez empêcher le FOUC ("flash of unstyled content") en donnant initialement l'élément opacity: 0; position: absolute;tout en le mesurant et en les supprimant une fois que vous avez terminé.
JacobEvelyn

194

IMO, c'est la solution la plus propre et la plus simple:

$("#first").animate({height: $("#first").get(0).scrollHeight}, 1000 );

Explication: Le DOM sait déjà, à partir de son rendu initial, quelle taille aura le div étendu lorsqu'il est défini sur hauteur automatique. Cette propriété est stockée dans le nœud DOM sous la forme scrollHeight. Nous devons juste récupérer l'élément DOM de l'élément jQuery en appelant get(0)et ensuite nous pouvons accéder à la propriété.

L'ajout d'une fonction de rappel pour régler la hauteur sur auto permet une plus grande réactivité une fois l'animation terminée (crédit chris-williams ):

$('#first').animate({
    height: $('#first').get(0).scrollHeight
}, 1000, function(){
    $(this).height('auto');
});

2
Incroyable! Selon developer.mozilla.org/en-US/docs/Web/API/Element.scrollHeight, il est même pris en charge dans IE8, par rapport à clientHeight, qui ne semble pas être pris en charge: developer.mozilla.org/en-US/docs/Web/ API / Element.clientHeight
Sven

1
La marge est par définition du modèle de boîte ne faisant pas partie de la hauteur d'un objet. Cependant, vous pouvez toujours ajouter la marge vous-même.
Liquinaut

22
Cela devrait être la réponse acceptée car cela fonctionne mieux sans aucun scintillement et fait vraiment bien le travail
Einius

7
Je pense aussi que c'est la meilleure solution. J'y ajouterais une fonction de rappel pour régler la hauteur sur auto pour plus de réactivité. $('#first').animate({ height: $('#first').get(0).scrollHeight }, 1000, function() { $(this).height('auto'); });
Chris Williams

1
Wow, c'est super élégant. Il fonctionne également avec les scrollWidthanimations de largeur.
nils

24

C'est fondamentalement la même approche que la réponse de Box9 mais je l'ai enveloppé dans un joli plugin jquery qui prend les mêmes arguments qu'une animation régulière , lorsque vous avez besoin d'avoir des paramètres plus animés et que vous en avez assez de répéter le même code encore et encore :

;(function($)
{
  $.fn.animateToAutoHeight = function(){
  var curHeight = this.css('height'),
      height = this.css('height','auto').height(),
      duration = 200,
      easing = 'swing',
      callback = $.noop,
      parameters = { height: height };
  this.css('height', curHeight);
  for (var i in arguments) {
    switch (typeof arguments[i]) {
      case 'object':
        parameters = arguments[i];
        parameters.height = height;
        break;
      case 'string':
        if (arguments[i] == 'slow' || arguments[i] == 'fast') duration = arguments[i];
        else easing = arguments[i];
        break;
      case 'number': duration = arguments[i]; break;
      case 'function': callback = arguments[i]; break;
    }
  }
  this.animate(parameters, duration, easing, function() {
    $(this).css('height', 'auto');
    callback.call(this, arguments);
  });
  return this;
  }
})(jQuery);

modifier: chaînable et plus propre maintenant


23

Une meilleure solution ne reposerait pas sur JS pour définir la hauteur de votre élément. Voici une solution qui anime un élément de hauteur fixe à la hauteur complète ("auto"):

var $selector = $('div');
    $selector
        .data('oHeight',$selector.height())
        .css('height','auto')
        .data('nHeight',$selector.height())
        .height($selector.data('oHeight'))
        .animate({height: $selector.data('nHeight')},400);

https://gist.github.com/2023150


2
Cet oneliner n'est pas facile à comprendre, peut-être qu'écrire plusieurs lignes aiderait un peu mieux les autres.
Jaap

C'est la meilleure solution car la hauteur automatique peut changer si l'utilisateur ajuste la taille de la fenêtre. Voir ce qui suit: // anime la hauteur de la fonction de filtres toggleSlider () {if ($ ('# filters'). Height ()! = 0) {$ ('# filters'). Animate ({height: '0 '}); } else {var $ selector = $ ('# filtres'); $ selector .data ('oHeight', $ selector.height ()) .css ('height', 'auto') .data ('nHeight', $ selector.height ()) .height ($ selector.data (' oHeight ')) .animate ({hauteur: $ selector.data (' nHeight ')}, 400); }; console.log ('agg'); }
Ricky

Fonctionne pour ouvrir le div, mais n'anime pas plus de 400 ms. Peut-être que j'ai quelque chose d'autre réglé différemment, mais il s'ouvre juste en un clin d'œil.
ntgCleaner

Fonctionne mais cela définit heightune valeur fixe (par exemple 122px). Mon élément a changé de hauteur après un certain temps, j'ai donc dû remplacer l'argument de durée (400) par des options{duration: 400, complete: function() {$selector.css('height', 'auto');}}
jsruok

12

cela fonctionne et c'est plus simple que les solutions avant:

CSS:

#container{
  height:143px;  
}

.max{
  height: auto;
  min-height: 143px;
}

JS:

$(document).ready(function() {
    $("#container").click(function() {      
        if($(this).hasClass("max")) {
            $(this).removeClass("max");
        } else {
            $(this).addClass("max");
        }

    })
});

Remarque: cette solution nécessite l'interface utilisateur jQuery


1
Il convient de mentionner que cela nécessite le plugin Jquery UI, alors que la question initiale concernait uniquement jquery. Mais si vous utilisez Jquery UI, cela fonctionne.
user56reinstatemonica8

4
vous pouvez également utiliser $ (this) .toggleClass ('max', 250); au lieu d'utiliser l'instruction if
Antoine Hedgecock

1
pourquoi incluez-vous une deuxième valeur avec .addClasset .removeClass?
bowl0stu

9
var h = document.getElementById('First').scrollHeight;
$('#First').animate({ height : h+'px' },300);

7

Vous pouvez toujours envelopper les éléments enfants de #first et enregistrer la hauteur de l'enveloppe en tant que variable. Ce n'est peut-être pas la réponse la plus jolie ou la plus efficace, mais elle fait l'affaire.

Voici un violon où j'ai inclus une réinitialisation.

mais pour vos besoins, voici la viande et les pommes de terre:

$(function(){
//wrap everything inside #first
$('#first').children().wrapAll('<div class="wrapper"></div>');
//get the height of the wrapper 
var expandedHeight = $('.wrapper').height();
//get the height of first (set to 200px however you choose)
var collapsedHeight = $('#first').height();
//when you click the element of your choice (a button in my case) #first will animate to height auto
$('button').click(function(){
    $("#first").animate({
        height: expandedHeight            
    })
});
});​

5

Utiliser slideDown et slideUp

$("div:first").click(function(){ $("#first").slideDown(1000); });

1
Cela ne résout pas la hauteur: fonction automatique puisque slideUp réduira complètement le div.
Jaap

5

J'ai réussi à résoudre le problème: voici le code.

var divh = document.getElementById('first').offsetHeight;
$("#first").css('height', '100px');
$("div:first").click(function() {
  $("#first").animate({
    height: divh
  }, 1000);
});

4

Vous pouvez rendre la réponse de Liquinaut sensible aux changements de taille de fenêtre en ajoutant un rappel qui redéfinit la hauteur sur auto.

$("#first").animate({height: $("#first").get(0).scrollHeight}, 1000, function() {$("#first").css({height: "auto"});});

4

Fondamentalement, la hauteur automatique n'est disponible pour vous qu'une fois l'élément rendu. Si vous définissez une hauteur fixe, ou si votre élément n'est pas affiché, vous ne pouvez pas y accéder sans astuces.

Heureusement, vous pouvez utiliser quelques astuces.

Clonez l'élément, affichez-le en dehors de la vue, donnez-lui une hauteur automatique et vous pouvez le retirer du clone et l'utiliser plus tard pour l'élément principal. J'utilise cette fonction et semble bien fonctionner.

jQuery.fn.animateAuto = function(prop, speed, callback){
    var elem, height, width;

    return this.each(function(i, el){
        el = jQuery(el), elem =    el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
        height = elem.css("height"),
        width = elem.css("width"),
        elem.remove();

        if(prop === "height")
            el.animate({"height":height}, speed, callback);
        else if(prop === "width")
            el.animate({"width":width}, speed, callback);  
        else if(prop === "both")
            el.animate({"width":width,"height":height}, speed, callback);
    });   
}

USAGE:

$(".animateHeight").bind("click", function(e){
    $(".test").animateAuto("height", 1000); 
});

$(".animateWidth").bind("click", function(e){
    $(".test").animateAuto("width", 1000);  
});

$(".animateBoth").bind("click", function(e){
    $(".test").animateAuto("both", 1000); 
});

1
Si vous ne voulez pas utiliser cette fonction, faites simplement quelque chose comme: var clone = element.clone () clone.appendTo ('body') clone.css ('height', 'auto') var itemHeight = clone.outerHeight ( ); clone.remove () maintenant vous avez la hauteur de votre élément dans la variable itemHeight, vous pouvez donc l'utiliser pour plus que de simples animations.
Stan George

3

vous pouvez toujours faire ceci:

jQuery.fn.animateAuto = function(prop, speed, callback){
var elem, height, width;
return this.each(function(i, el){
    el = jQuery(el), elem = el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
    height = elem.css("height"),
    width = elem.css("width"),
    elem.remove();

    if(prop === "height")
        el.animate({"height":height}, speed, callback);
    else if(prop === "width")
        el.animate({"width":width}, speed, callback);  
    else if(prop === "both")
        el.animate({"width":width,"height":height}, speed, callback);
});  
}

voici un violon: http://jsfiddle.net/Zuriel/faE9w/2/


1
vous pouvez remplacer: .appendTo("body")par.appendTo(el.parent())
Steffi

2

Vos sélecteurs ne semblent pas correspondre. Votre élément a-t-il un ID de «premier», ou est-ce le premier élément de chaque div?

Une solution plus sûre serait d'utiliser «ceci»:

// assuming the div you want to animate has an ID of first
$('#first').click(function() {
  $(this).animate({ height : 'auto' }, 1000);
});

1
Ah. Eh bien, il semble que vous ayez découvert la solution. Pour plus de sécurité, j'utiliserais toujours $(this)dans votre gestionnaire de clics.
EMMERICH

10
animate({height: 'auto'})n'a aucun effet. Du moins, pas avec jQuery 1.6.4.
Jānis Elmeris

2

Essaye celui-là ,

var height;
$(document).ready(function(){
    $('#first').css('height','auto');
    height = $('#first').height();
    $('#first').css('height','200px');
})

 $("div:first").click(function(){
  $("#first").animate({
    height: height
  }, 1000 );
});

cela ne fonctionnera pas, la hauteur de votre var est juste accessible dans la fonction ready.
meo

définir la hauteur avant la fonction prête, et n'utiliser que la hauteur que var height .. de cette façon, cela peut fonctionner daniel
Prakash

2

En voici un qui fonctionne avec BORDER-BOX ...

Salut les gars. Voici un plugin jQuery que j'ai écrit pour faire de même, mais aussi pour tenir compte des différences de hauteur qui se produiront lorsque vous aurez box-sizingdéfiniborder-box .

J'ai également inclus un plugin "yShrinkOut" qui cache l'élément en le rétrécissant le long de l'axe y.


// -------------------------------------------------------------------
// Function to show an object by allowing it to grow to the given height value.
// -------------------------------------------------------------------
$.fn.yGrowIn = function (growTo, duration, whenComplete) {

    var f = whenComplete || function () { }, // default function is empty
        obj = this,
        h = growTo || 'calc', // default is to calculate height
        bbox = (obj.css('box-sizing') == 'border-box'), // check box-sizing
        d = duration || 200; // default duration is 200 ms

    obj.css('height', '0px').removeClass('hidden invisible');
    var padTop = 0 + parseInt(getComputedStyle(obj[0], null).paddingTop), // get the starting padding-top
        padBottom = 0 + parseInt(getComputedStyle(obj[0], null).paddingBottom), // get the starting padding-bottom
        padLeft = 0 + parseInt(getComputedStyle(obj[0], null).paddingLeft), // get the starting padding-left
        padRight = 0 + parseInt(getComputedStyle(obj[0], null).paddingRight); // get the starting padding-right
    obj.css('padding-top', '0px').css('padding-bottom', '0px'); // Set the padding to 0;

    // If no height was given, then calculate what the height should be.
    if(h=='calc'){ 
        var p = obj.css('position'); // get the starting object "position" style. 
        obj.css('opacity', '0'); // Set the opacity to 0 so the next actions aren't seen.
        var cssW = obj.css('width') || 'auto'; // get the CSS width if it exists.
        var w = parseInt(getComputedStyle(obj[0], null).width || 0) // calculate the computed inner-width with regard to box-sizing.
            + (!bbox ? parseInt((getComputedStyle(obj[0], null).borderRightWidth || 0)) : 0) // remove these values if using border-box.
            + (!bbox ? parseInt((getComputedStyle(obj[0], null).borderLeftWidth || 0)) : 0) // remove these values if using border-box.
            + (!bbox ? (padLeft + padRight) : 0); // remove these values if using border-box.
        obj.css('position', 'fixed'); // remove the object from the flow of the document.
        obj.css('width', w); // make sure the width remains the same. This prevents content from throwing off the height.
        obj.css('height', 'auto'); // set the height to auto for calculation.
        h = parseInt(0); // calculate the auto-height
        h += obj[0].clientHeight // calculate the computed height with regard to box-sizing.
            + (bbox ? parseInt((getComputedStyle(obj[0], null).borderTopWidth || 0)) : 0) // add these values if using border-box.
            + (bbox ? parseInt((getComputedStyle(obj[0], null).borderBottomWidth || 0)) : 0) // add these values if using border-box.
            + (bbox ? (padTop + padBottom) : 0); // add these values if using border-box.
        obj.css('height', '0px').css('position', p).css('opacity','1'); // reset the height, position, and opacity.
    };

    // animate the box. 
    //  Note: the actual duration of the animation will change depending on the box-sizing.
    //      e.g., the duration will be shorter when using padding and borders in box-sizing because
    //      the animation thread is growing (or shrinking) all three components simultaneously.
    //      This can be avoided by retrieving the calculated "duration per pixel" based on the box-sizing type,
    //      but it really isn't worth the effort.
    obj.animate({ 'height': h, 'padding-top': padTop, 'padding-bottom': padBottom }, d, 'linear', (f)());
};

// -------------------------------------------------------------------
// Function to hide an object by shrinking its height to zero.
// -------------------------------------------------------------------
$.fn.yShrinkOut = function (d,whenComplete) {
    var f = whenComplete || function () { },
        obj = this,
        padTop = 0 + parseInt(getComputedStyle(obj[0], null).paddingTop),
        padBottom = 0 + parseInt(getComputedStyle(obj[0], null).paddingBottom),
        begHeight = 0 + parseInt(obj.css('height'));

    obj.animate({ 'height': '0px', 'padding-top': 0, 'padding-bottom': 0 }, d, 'linear', function () {
            obj.addClass('hidden')
                .css('height', 0)
                .css('padding-top', padTop)
                .css('padding-bottom', padBottom);
            (f)();
        });
};

Tous les paramètres que j'ai utilisés peuvent être omis ou définis sur null afin d'accepter les valeurs par défaut. Les paramètres que j'ai utilisés:

  • growTo: Si vous souhaitez remplacer tous les calculs et définir la hauteur CSS à laquelle l'objet grandira, utilisez ce paramètre.
  • duration: La durée de l'animation ( évidemment ).
  • whenComplete: une fonction à exécuter lorsque l'animation est terminée.

2

Basculer la diapositive ( réponse de Box9 développée)

$("#click-me").click(function() {
  var el = $('#first'),
  curHeight = el.height(),
  autoHeight = el.css('height', 'auto').height(),
  finHeight = $('#first').data('click') == 1 ? "20px" : autoHeight;
  $('#first').data('click', $(this).data('click') == 1 ? false : true);
  el.height(curHeight).animate({height: finHeight});
});
#first {width: 100%;height: 20px;overflow:hidden;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first">
  <div id="click-me">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
</div>


1

Je poste cette réponse même si ce fil est ancien. Je n'ai pas pu obtenir la réponse acceptée pour moi. Celui-ci fonctionne bien et est assez simple.

Je charge la hauteur de chaque div que je veux dans les données

$('div').each(function(){
    $(this).data('height',$(this).css('height'));
    $(this).css('height','20px');
});

Ensuite, je l'utilise simplement lors de l'animation par clic.

$('div').click(function(){
    $(this).css('height',$(this).data('height'));
});

J'utilise la transition CSS, donc je n'utilise pas l'animation jQuery, mais vous pouvez faire de l'animation tout de même.


1

vous pouvez le stocker dans un attribut de données.

$('.colapsable').each(function(){
    $(this).attr('data-oheight',$(this).height());
    $(this).height(100);
});

$('.colapsable h2:first-child').click(function(){
    $(this).parent('.colapsable').animate({
            height: $(this).parent('.colapsible').data('oheight')
        },500);
    }
});

Essentiellement le même que celui de Hettler, mais plus facile à comprendre.
Timothy Groote

1

J'avais besoin de cette fonctionnalité pour plusieurs zones de lecture supplémentaires sur une page, l'implémentant dans un shortcode Wordpress, j'ai rencontré le même problème.

Concevez techniquement toutes les travées en lecture plus sur la page ont une hauteur fixe. Et je voulais pouvoir les étendre séparément à une hauteur automatique avec une bascule. Premier clic: "développer à la hauteur totale de la zone de texte", deuxième clic: "réduire à la hauteur par défaut de 70px"

HTML

 <span class="read-more" data-base="70" data-height="null">
     /* Lots of text determining the height of this span */
 </span>
 <button data-target='read-more'>Read more</button>

CSS

span.read-more {
    position:relative;
    display:block;
    overflow:hidden;
}

Donc au-dessus de cela semble très simple le data-base attribut dont j'ai besoin pour définir la hauteur fixe nécessaire. L' data-heightattribut que j'ai utilisé pour stocker la hauteur réelle (dynamique) de l'élément.

La partie jQuery

jQuery(document).ready(function($){

  $.fn.clickToggle = function(func1, func2) {
      var funcs = [func1, func2];
      this.data('toggleclicked', 0);
      this.click(function() {
          var data = $(this).data();
          var tc = data.toggleclicked;
          $.proxy(funcs[tc], this)();
          data.toggleclicked = (tc + 1) % 2;
      });
      return this;
  };

    function setAttr_height(key) {
        $(key).each(function(){
            var setNormalHeight = $(this).height();
            $(this).attr('data-height', setNormalHeight);
            $(this).css('height', $(this).attr('data-base') + 'px' );
        });
    }
    setAttr_height('.read-more');

    $('[data-target]').clickToggle(function(){
        $(this).prev().animate({height: $(this).prev().attr('data-height')}, 200);
    }, function(){
        $(this).prev().animate({height: $(this).prev().attr('data-base')}, 200);
    });

});

J'ai d'abord utilisé une fonction clickToggle pour mon premier et mon deuxième clic. La deuxième fonction est plus importante:setAttr_height() tous les .read-moreéléments ont leur hauteur réelle définie lors du chargement de la page dans lebase-height attribut. Après cela, la hauteur de base est définie via la fonction jquery css.

Avec nos deux attributs définis, nous pouvons maintenant basculer entre eux de manière fluide. Seulement changer ledata-base à votre choix (fixe) hauteur et passer le plus .read-classe pour votre propre ID

Vous pouvez tous le voir fonctionner dans un violon FIDDLE

Aucune interface utilisateur jQuery nécessaire


1

Si tout ce que vous voulez est d'afficher et de masquer, disons un div, alors ce code vous permettra d'utiliser jQuery animate. Vous pouvez demander à jQuery d'animer la majorité de la hauteur que vous souhaitez ou vous pouvez tromper l'animation en animant à 0px. jQuery a juste besoin d'une hauteur définie par jQuery pour le convertir en auto. Ainsi, le .animate ajoute le style = "" à l'élément que .css (height: auto) convertit.

La façon la plus propre que j'ai vu ce travail est de l'animer à environ la hauteur que vous attendez, puis de le laisser définir automatiquement et cela peut sembler très transparent lorsqu'il est bien fait. Vous pouvez même animer au-delà de ce que vous attendez et cela se rétablira. L'animation à 0px à une durée de 0 laisse simplement tomber la hauteur de l'élément à sa hauteur automatique. Pour l'œil humain, il a l'air animé de toute façon. Prendre plaisir..

    jQuery("div").animate({
         height: "0px"/*or height of your choice*/
    }, {
         duration: 0,/*or speed of your choice*/
         queue: false, 
         specialEasing: {
             height: "easeInCirc"
        },
         complete: function() {
             jQuery(this).css({height:"auto"});
        }
    });

Désolé, je sais que c'est un ancien message, mais j'ai pensé que cela serait pertinent pour les utilisateurs recherchant cette fonctionnalité toujours avec jQuery qui rencontrent ce message.


0

J'ai mis en place quelque chose qui fait exactement ce que je cherchais et qui a fière allure. L'utilisation de scrollHeight d'un élément vous donne la hauteur à laquelle il a été chargé dans le DOM.

 var clickers = document.querySelectorAll('.clicker');
    clickers.forEach(clicker => {
        clicker.addEventListener('click', function (e) {
            var node = e.target.parentNode.childNodes[5];
            if (node.style.height == "0px" || node.style.height == "") {
                $(node).animate({ height: node.scrollHeight });
            }
            else {
                $(node).animate({ height: 0 });
            }
        });
    });
.answer{
        font-size:15px;
        color:blue;
        height:0px;
        overflow:hidden;
       
    }
 <div class="row" style="padding-top:20px;">
                <div class="row" style="border-color:black;border-style:solid;border-radius:4px;border-width:4px;">
                    <h1>This is an animation tester?</h1>
                    <span class="clicker">click me</span>
                    <p class="answer">
                        I will be using this to display FAQ's on a website and figure you would like this.  The javascript will allow this to work on all of the FAQ divs made by my razor code.  the Scrollheight is the height of the answer element on the DOM load.  Happy Coding :)
                         Lorem ipsum dolor sit amet, mea an quis vidit autem. No mea vide inani efficiantur, mollis admodum accusata id has, eam dolore nemore eu. Mutat partiendo ea usu, pri duis vulputate eu. Vis mazim noluisse oportere id. Cum porro labore in, est accumsan euripidis scripserit ei. Albucius scaevola elaboraret usu eu. Ad sed vivendo persecuti, harum movet instructior eam ei.
                    </p>
                </div>
            </div>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.