Анимация скрыть/показать комментарии

AnimationHideComments.html

<a href="#" id="hide" onclick="return false">Скрыть комментарии</a>
<a href="#" id="show" style="display:none"  onclick="return false">Показать комментарии</a>

<div id="comments">
	<p>Комментарий №1</p>
	<p>Комментарий №2</p>
	<p>Комментарий №3</p>
</div>

AnimationHideComments.js

<script type="text/javascript">
  function hideComments () {
		$("#hide").hide();
		$("#show").show();
		$("#comments").hide(1000)
	}

	function showComments () {
		$("#hide").show();
		$("#show").hide();
		$("#comments").show(1000);
	}
	// вариант номер 1

	// function showComments () {
	// 	$("#comments").show(1000, function () {
	// 		$("#hide").show();
	// 		$("#show").hide();
	// 		});
	// }
	// function showComments () {
	// 	$("#comments").show(1000, function () {
	// 		$("#hide").show();
	// 		$("#show").hide();
	// 		});
	// } вариант номер 2

	// fadeIn()	Постепенно меняет прозрачность выбранного элемента делая его видимым.
	// fadeOut()	Постепенно меняет прозрачность выбранного элемента делая его невидимым.
	// fadeTo()	Постепенно меняет прозрачность выбранного элемента до указанного значения.
	// hide()	Скрывает выбранный элемент.
	// show()	Отображает скрытый элемент.
	// slideDown()	Постепенно изменяет высоту выбранного элемента делая его видимым.
	// slideToggle()	Применяет к выбранному элементу метод slideDown() если он невидим и slideUp() если он отображен.
	// slideUp()	Постепенно изменяет высоту выбранного элемента делая его невидимым.

	$(document).ready (function() {
		$("#hide").bind ("click", hideComments);
		$("#show").bind ("click", showComments);
	});

</script>