Вы можете попробовать добавить библиотеку jQuery и использовать функции fadeIn и fadeOut.Примеры и документация здесь: http://api.jquery.com/fadeIn/
РЕДАКТИРОВАТЬ: Более подробно пошагово: Загрузите jQuery (http://code.jquery.com/jquery-1.6.1.min.js), сохраните его вместе с остальными файлами js и добавьте ввнешний файл JS, как и другие.
Затем вы можете использовать функцию, указанную на этом сайте.Вот первый пример, который у них есть:
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
$('#book').fadeIn('slow', function() {
// Animation complete
});
});