Как задержать тень - PullRequest
Новая
       8

Как задержать тень

0 голосов
/ 10 мая 2018

Короче. На странице есть одна кнопка. Как только кнопка нажата, список ссылок скользит вниз от отрицания. у позиции. Как только список достигнет конца своей веревки и зависнет, я бы хотел, чтобы тень добавила элементы li. Какие-либо предложения? Я попытался с помощью javscript получить элемент, добавить к нему класс и задержать класс, но это было напрасно. Пожалуйста, помогите. 

<div>
<ul class='list-group' id='list' style='position:absolute; top:-380px;'>
<h1 id='linkHeader'>Links</h1>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
<li class = 'list-group-item shadow'><a href="#">LINK</a></li>
</ul>
</div>

<button id = 'openLinkListButton' onclick='ani()'>click me</button>

codepen

1 Ответ

0 голосов
/ 10 мая 2018

Используя jQuery, вы можете сделать $('.class').addClass('.classname').delay(ms)

.delay() используется в миллисекундах и задерживает функцию после нее. Так что, если вы хотите, чтобы что-то появилось, но с задержкой, то это было бы

$('.class').delay(time).fadeIn(time);, где «время» в миллисекундах.

.delay() просто задерживает функцию, которая происходит после нее.

...