Показать сообщение отдельно
  #1 (permalink)  
Старый 19.12.2012, 18:20
Новичок на форуме
Отправить личное сообщение для Arne Посмотреть профиль Найти все сообщения от Arne
 
Регистрация: 19.12.2012
Сообщений: 3

Удалить и создать элемент по клику
Только недавно начал изучать JavaScript, столкнулся с проблемой.
Есть страница. Пароль изначально задается в поле type="text", по клику на ссылку "скрыть" поле становится password, с возможностью вернуть все, как было. Как я понял из чтения форумов, в IE с этим проблемы. И было решено создавать/удалять инпуты.
Проблема в том, что по первому клику все происходит как надо, а вот при повторном клике не происходит ничего. Где я ошибся?

<script>
$('#hide').click(function() {
	$('.on').append('<input type="password" value="" id="pass" class="password"><span class="grey_str"></span><a href="#" class="hide" id="show">Показать</a>');
	$("#txt").keyup(function () {
      var value = $(this).val();
      $("#pass").val(value);
    }).keyup();
	$('#txt, #hide, #grey_1').remove();
});
$('#show').click(function() {
	$('.on').append('<input type="text" value="" id="txt" class="password"><span class="grey_str" id="grey_1"></span><a href="#" class="hide" id="hide">Скрыть</a>');
	$("#pass").keyup(function () {
      var value = $(this).val();
      $("#txt").val(value);
    }).keyup();
	$('#pass, #show, #grey_2').remove();
});
</script>

Помогите, пожалуйста.
Ответить с цитированием