Bonjour,

Je dois écrire un script qui mesure et additionne la hauteur de chaque item (<li>) d'une liste (<ul>) et qui, dès que la somme atteint 200px, place les items suivants dans une nouvelle liste qui viendra se placer à côté de la première... (et de même pour toutes les listes de la même classe, disons par exemple ".liste")

J'ai essayé ça:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$(document).ready(function() {
       $('.list').each(function() {
       h=0;
              $(this).find('li').each(function() {
              h = h + $(this).height();
                     if ( h >= 200 ){
                     $(this).nextAll().insertAfter($(this).parent('.list')).wrapAll('<ul class="list second_column"></ul>');
                     $(this).parent('.list').css("height", "200px");
                     h=0;
                     }
              })
       })
});

Ça ne fonctionne pas, "$(this).height()" retourne 0 comme valeur...

Je suis débutante
Si quelqu'un peut m'aider...

Merci d'avance.