Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.08.2017, 16:53   #1
Max00766
Форумчанин
 
Регистрация: 15.11.2015
Сообщений: 151
По умолчанию Пропала js анимация slideToggle() после добавления css свойства position:absolute

Пропала js анимация slideToggle() после добавления css свойства position:absolute, блок просто появляется и исчезает, без анимации
html
Код:
<div class="col-md-3 right">
            <div class="LogInReg">
                <a class="LogIn_btn" href="">Вход \ Регистрация<i class="fa fa-sort-desc" aria-hidden="true"></i></a>
                <div class="form_LogIn" style="display: none;">
                    <form action="/authController" method="POST">
                        <input type="text" name="login" placeholder="Ваш логин">
                        <input type="password" name="password" placeholder="Ваш пароль">
                        <input class="btn" type="submit" name="send_logIn" value="Войти">
                        <a class="btn" href="#">Регистрация</a>
                    </form>
                </div>
            </div>
        </div>
js
Код:
 $('a.LogIn_btn').click(function(){
  $('div.form_LogIn').slideToggle('slow');
  return false;
});
css
Код:
 .LogInReg .form_LogIn {
    display: block;
}
.form_LogIn form {
    width: 91%;
    border-top: #fff 2px solid;
    margin-top: 16px;
    background-color: #000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    position: absolute;
}
.form_LogIn form input {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    width: 80%;
    height: 30px;
}
.form_LogIn form .btn {
    background-color: #000;
    color: #fff;
    border: #fff 2px solid;
    margin: 20px auto;
    font-size: 20px;
    line-height: 20px;
    width: 80%;
    height: 30px;
}
.form_LogIn form .btn:hover {
    background-color: #fff;
    color: #000;
    border: #000 2px solid;
}
Max00766 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
position:absolute в IE alesja92 HTML и CSS 5 30.08.2012 16:00
про свойства position в CSS larry-troy HTML и CSS 4 16.02.2011 15:14
CSS: резиновый сайт с применением position: absolute Aliech HTML и CSS 9 15.11.2009 23:38
position: absolute; отступ от низа страницы Romms HTML и CSS 0 03.10.2009 20:27
CSS ролловер как закрепить background-position после клика Maksimcase HTML и CSS 1 14.05.2009 11:37