jQuery удалить div с обратным отсчетом

Question

Прежде чем начать, для некоторых людей может быть трудно понять. Сожалею.

Я хочу создать онлайн-игру, используя jQuery и php. Игра называется бессмысленной, некоторые люди могут ее услышать, это британское игровое шоу.

В игре Бесконечная цель игры - забить как можно меньше очков. И оценка определяется из 100. Они используют некоторую графическую систему на шоу, которая вызывает колонку строк, которые исчезают по мере того, как точки ниже.

Так, например, это игровая доска (а не мой дизайн).

У меня есть 100 дивы все с того же класса, но с идентификаторами "LINE1", "line2" и др. есть ли способ, который я могу удалить их вовремя с отсчетом счета, и может ли это вообще быть сделано?

Вот мой код для обратного отсчета:

$(document).ready(function() { 

      /* delay function */ 
      jQuery.fn.delay = function(time,func){ 
       return this.each(function(){ 
        setTimeout(func,time); 
       }); 

      }; 

      jQuery.fn.countDown = function(settings,to) { 
      settings = jQuery.extend({ 
        startFontSize: '36px', 
        endFontSize: '36px', 
        duration: 100, 
        startNumber: 10, 
        endNumber: 0, 
        callBack: function() { } 
       }, settings); 
       return this.each(function() { 
        if(!to && to != settings.endNumber) { to = settings.startNumber; } 

        //set the countdown to the starting number 
        $(this).text(to).css('fontSize',settings.startFontSize); 

        //loopage 
        $(this).animate({ 
         'fontSize': settings.endFontSize 
        },settings.duration,'',function() { 
         if(to > settings.endNumber + 1) { 
          $(this).css('fontSize',settings.startFontSize).text(to - 1).countDown(settings,to - 1); 
         } 
         else 
         { 
          settings.callBack(this); 
         } 
        });  
       }); 
      }; 

      $('#countdown').countDown({ 
       startNumber: 100, 
       callBack: function(me) { 
        $(me).text('Pointless').css('color','#FFF').css('font-size','15px').css('text-transform','uppercase').css('padding-top','15px').css('font-weight','bolder'); 
       } 
      }); 
     }); 

Любые идеи будут оценены. Все, что мне нужно - это толчок в правильном направлении!

Answer 1

Вместо того, чтобы иметь 100 разделов, которые вы удалите 1 на 1, я думаю, что имеет смысл иметь 1 div с высотой 100 * больше, чем остальные.

Тогда вместо того, чтобы удалять 1 div за один раз, вы уменьшили бы height дива в зависимости от оценки.