Как сделать динамическое увеличение top по клику?

TCloud, ну хотя бы подскажите, что нужно сюда добавить ?

var w = $(el).outerHeight() + 5

Как сделать динамическое увеличение top по клику?

TCloud, items.length (в консоли undefined)

Вот ваш вариант: https://jsfiddle.net/rubd71ah/1/?utm_source=websit...

Как сделать динамическое увеличение top по клику?

TCloud, не меняя css и вы меня немного запутали )

У вас также объект:
const items = {};

Как сделать динамическое увеличение top по клику?

TCloud, извиняюсь, а тут вообще как можно сделать?
https://codepen.io/Genri_Rus/pen/qBBMmzY

Как сделать динамическое увеличение top по клику?

TCloud, а если мне нужен массив как тут ?

https://codepen.io/Genri_Rus/pen/qBBMmzY

Как сделать динамическое увеличение top по клику?

TCloud, items.length (в консоли undefined)

Если я добавлю третий элемент, то у меня все друг под другом

Ваш вариант только для 2 элементов

Как сделать динамическое увеличение top по клику?

TCloud, а как сделать, чтобы третий не наезжал на второй ?

https://codepen.io/Genri_Rus/pen/qBBMmzY

Как сделать динамическое увеличение top по клику?

TCloud, вот пример анимации на js: https://stackoverflow.com/questions/12083004/how-d...

Мой вариант такой же, в чем проблема ?

for (var x = 1; x <= 3; x++) {
for (var t = 0; t < 6; t++) {

Как сделать динамическое увеличение top по клику?

TCloud, а я как-то сделал плавное перемещение при клике: https://test.vintagetechnics.ru/
Не могу только понять, как при удалении поднимать вверх элемент

Как сделать динамическое увеличение top по клику?

TCloud, а ваше мнение какое на этот счет ?

Как сделать динамическое увеличение top по клику?

TCloud, а почему тогда крупные компании типа: конструктора nethouse делают именно через js ?

Это просто такой тон или более профессионально ?

Как сделать динамическое увеличение top по клику?

TCloud, а на js в цикле нельзя ?

Как сделать динамическое увеличение top по клику?

TCloud, если долго кликать то есть: vintagetechnics.ru

Как сделать динамическое увеличение top по клику?

TCloud, анимация нужна в точь-то как на том сайте, ради этого animate.css подключать и если там немножко другая анимация ?

У них там реализовано точно также, но почему-то this не пашет, переменная t, ее реально объявили в цикле

Как сделать динамическое увеличение top по клику?

TCloud, а как тут можно проще реализовать ?

Как сделать динамическое увеличение top по клику?

TCloud, а вот я хотел спросить, может знаете почему у меня при каждом клике нотисы все дергаются ?

Как-будто this не срабатывает

for (var t = 0; t < 6; t++) {
      $('.notice__info').animate({
        "margin-left": t % 2 == 0 ? 5 : -5
      }, {
        duration: 70,
        queue: !0
      });
    }

Как сделать динамическое увеличение top по клику?

TCloud, на том сайте они реализовали как-то так:

var w = $(el).outerHeight() - 5
	$(el).animate({
	top: w + "px",
	left: 0
, 200)

Они берут высоту элемента и с помощью анимации отнимают top
Но я пытался так сделать, но там все запутано из-за Underscore.js.

Как сделать динамическое увеличение top по клику?

TCloud, спасибо

А при удалении как сделать ?

Допустим человек удалил и нотис стал выше ?

Как сделать динамическое увеличение top по клику?

Мне нужно сделать именно через js

Как сделать динамическое увеличение top по клику?

TCloud, да

У первого нотиса top: 0

А у второго top допустим в 2 раза больше, у 3 еще больше и т.д.

Чтобы они были друг под другом