Skip to content

Instantly share code, notes, and snippets.

@pastyrMisha
Last active December 14, 2017 14:46
Show Gist options
  • Save pastyrMisha/7d89914669906ce817c49d41909d5635 to your computer and use it in GitHub Desktop.
Save pastyrMisha/7d89914669906ce817c49d41909d5635 to your computer and use it in GitHub Desktop.
Анимация скрыть/показать комментарии
<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>
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment