Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2015, 23:57
Новичок на форуме
Отправить личное сообщение для Taylor Посмотреть профиль Найти все сообщения от Taylor
 
Регистрация: 26.12.2015
Сообщений: 4

При снятия «галки» ( password) введенные символы отображаются текстом



все работает, кроме кнопки Show password
<div id="arrow">Feedback</div>
<div id="fform" class="hidd">
<form name="form3" action="">
    <input type="text" placeholder="Your email" />
    <input type="password" placeholder="Your password" id="pass" />
    <br />
    <br />
    <label>Show password
      <input type="checkbox" />
    </label>
    <br />
    <br />
    <input type="submit" value="Login" />
  </form>
  </div>



CSS

#arrow {
position:fixed;
right:0;
top:30%;
background:#D1D1D1;
width:70px;
color:black;
}

#fform {
position:fixed;
width:300px;
right:-300px;
top:33%;
padding:20px;
background:#2198BF;
}

$('#arrow').click(function() {
        $('#fform').toggleClass('hidd');
        if ($('#fform').hasClass('hidd')) {
            $('#fform').animate({
                'right': 0
            }, 1200);
        } else {
            $('#fform').animate({
                'right': -300
            }, 1200);
        }
    });
Ответить с цитированием