Показать сообщение отдельно
  #4 (permalink)  
Старый 02.06.2020, 10:07
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Я не понимаю таких заданий. Если нужно добавлять кнопкой Добавить, значит код прописанный для кнопки Отобразить должен быть перемещен в обработчик кнопки Добавить, а обработчик кнопки Отобразить что-то показывать, что не знаю.

$('#block').hide(3000); - как такое для пользователя, неужто удобный эффект? Наверное разумнее показать, отобразить t секунд, затем быстро скрыть? Все это можно сделать одной кнопкой, причем скрыть/показать сообщение посредством dispalay none, это плохо, почему попробуйте догадаться сами.

<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    var toAdd = $('input[name=list-items]').focus(function() {
        this.value = ''
    }), block = $('#block').css({opacity: 0}), ol = $('ol');

    $('#add').click(function() {
        if(!$.trim(toAdd.val())) return;
        block.css({opacity: 1}).delay(1000).animate({opacity: 0}, 300);
        $('<li/>', {text: toAdd.val()}).appendTo(ol);
    });    
});
</script>
</head>
<body>
<input type="text" name="list-items" placeholder="задание">
<button id="add">Добавить</button>

<div id="block">
Эллемент был добавлен
</div>

<ol></ol>
</body>
</html>
Ответить с цитированием