динамически открытые коробки справа налево из контейнера

Question

У меня есть контейнер div, внутри которого я хочу динамически создавать другие блоки (div) с помощью jquery. Каждый новый ящик должен быть помещен в левую часть других открытых ящиков. Все работает отлично, за исключением того, что ящики открываются в правую сторону других открытых ящиков. Вот как я это сделал до сих пор:

#container{ 

    overflow-y:hidden; 
    white-space:nowrap; 
    border:none; 
    position:relative; 
    z-index:998; 
    overflow:hidden; 
    float:left; 
    display:table-row; 
    vertical-align:bottom; 
} 
.box{ 

    z-index:997; 
    vertical-align:bottom; 
    width: 225px; 
    position:static; 
    border:1px solid #666666; 
    /*next lines are added to force boxes go to bottom when minimized-cross browser solytion*/ 
    display:-moz-inline-stack; 
    display:inline-block; 
    zoom:1; 
    *display:inline; 
} 

любые предложения?

Answer 1

Вместо добавления их (я предполагаю, что вы) использовать prepend, чтобы добавить новый элемент в начале ..

var newEl = $('<div>',{class:'box', text:'whatever..'}); 
$('#container').prepend(newEl); 

демо на http://www.jsfiddle.net/gaby/acnNe/

Answer 2

Если вы используете jQuery, вы должны использовать $.insertBefore(), чтобы вставить новые DIV в «начале» серии.

http://api.jquery.com/insertBefore/

Answer 3

Задумывались ли Вы о плавающих прямо:

#container{ 
float: right 
} 

Answer 4

Это, вероятно, самый простой в использовании .prepend():

$('#container').prepend('<div class=".box">Some content</div>'); 

Это будет вставить новую коробку в качестве первого ребенка контейнера - перед любыми другими коробками в контейнере.