Показуємо та ховаємо блоки через властивість display (block/none)

.hide() - сховає всі об'єкти, що попали у вибірку
.hide(швидкість,функція) - сховає всі об'єкти, що попали у вибірку за зазначений час посля чого виконається функція (може бути відсутньою)

.show() - всі об'єкти, що попали у вибірку
.show(швидкість,функція) - всі об'єкти, що попали у вибірку за зазначений час посля чого виконається функція (може бути відсутньою)

.toggle() - покаже схований елемент і сховає видимий
.toggle(true/false) - якщо true, то показує сховані елементи, если false - видимый объект скроет
.toggle(скорость,функция) - покаже невидимі та сховає видимі об'єкти, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події

.slideUp(швидкість,функція) - згорне вгору елементи, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події
.slideDown(швидкість,функція) - розгорне згори елементи, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події
.slideToggle(швидкість,функція) - покаже невидимі та сховає видимі об'єкти, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події.

Приклади

Cховає всі об'єкти, що попали у вибірку - якщо в дужках нічого не вказано. Може зазначатися час виконання та функція, яка виконується після події

/* ховаємо блок миттєво */
 $( "#btn1" ).click(function() {
                     $('#hb div').hide();
});
/* ховаємо блок за 2 секунди та вставляємо новий */
$( "#btn2" ).click(function() {
         $('#hb div').hide(2000,function(){
                   $('#hb').html('<div> </div>');
                });
});
 

Покаже всі об'єкти, що попали у вибірку - якщо в дужках нічого не вказано. Може зазначатися час виконання та функція, яка виконується після події

$( "#btn3" ).click(function() {
         $('#sb div').show(2000,function(){
                  $(this).css('border','3px solid red');
                });
}); 

Покаже невидимі та сховає видимі об'єкти, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події

Усього три блоки: перший видимий, другий та третій - ні

$( "#btn4" ).click(function() {
       $('#tb div').toggle(2000,function(){
                  $(this).css('border','3px solid red');
            });
});

Згорне вгору елементи, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події<

$( "#btn5" ).click(function() {
      $('#su div').slideUp(2000);
});

Розгорнути згори/згорнути вгору елементи, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події

$( "#btn6" ).click(function() {
      $('#sd div').slideDown(2000,function(){
                  $(this).css('border','3px solid red');
            });
});

Розгорнути згори елементи, що попали у вибірку, в дужках може зазначатися час виконання та функція, яка виконується після події

Усього три блоки: перший видимий, другий та третій - ні

$( "#btn7" ).click(function() {
      $('#st div').slideToggle(2000,function(){
                  $(this).css('border','3px solid red');
            });
});