Я не понимаю таких заданий. Если нужно добавлять кнопкой Добавить, значит код прописанный для кнопки Отобразить должен быть перемещен в обработчик кнопки Добавить, а обработчик кнопки Отобразить что-то показывать, что не знаю.
$('#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>