Javascript-форум - Плавное скрыть/показать на jQuery

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Плавное скрыть/показать на jQuery (https://javascript.ru/forum/jquery/25372-plavnoe-skryt-pokazat-na-jquery.html)

Плавное скрыть/показать на jQuery

Всем привет! :)

Нужно поставить кнопку "Скрыть/показать" (именно сначала скрыть, а потом показать).

Пишу так:

<a class="hideBtn" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">Скрыть комментарии ↑</a>
  </center>
  <div id="hideCont1" class="hideCont1">

 <div style="text-align: justify; padding: 0px; margin-left: 10px; margin-right: 10px; font-size: 12px; border-bottom: solid 1px #dae2e8;">
  Текст
   </script>
  </div>

Что нужно дописать, что бы когда текст скрыт - на кнопке показывалось "Показать текст"?

Заранее спасибо! :victory:

Цитата:

Сообщение от nasqad (Сообщение 154983)

как вариант

<style type="text/css">
.comments {
	border-bottom: solid 1px #dae2e8;
	font-size: 12px;
	text-align: justify;
	margin: 0 10px 0 10px;
	padding: 0px;
}
</style>

<script>
function init() {
	$('.hideComments').click(function () {
		var comments = $('.comments');
		if (!comments.is(':visible')) {
			comments.slideDown('normal', function () {
				$('.hideComments').text('Hide comments');
			});
		} else {
			comments.slideUp('normal', function () {
				$('.hideComments').text('Show comments');
			});
		}
	});
}

$(document).ready(init);
</script>

<a class = "hideComments">Скрыть комментарии</a>
<div class = "comments">
	<div id = "comment_001">
		Я коммментарий
	</div>
</div>

У меня стоит виджет комментариев от ВКонтакте, и мне их нужно спрятать под эту кнопку. Стиль кнопки уже тоже готов, но вот как менять текст кнопки - не пойму.
Думаю, что полностью запутаюсь...
Как можно сам виджет спрятать?