Как изменить высоту блока при нажатии на кнопку?

Question

[ilya_tsym]

При нажатии на кнопку высота блока увеличивается, реализую с помощью этого:

$(function(){
  $("#open").click(function(){ 
      $("#PORTFOLIO").css({height: '1677px'}); 
    });
  });

Как сделать, чтобы при повторном нажатии на кнопку высота возвращалась в исходное положение? Заранее спасибо.

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/2vqhu5cn/

Comments

[ilya_tsym]

А не подскажешь как сделать, чтобы высота увеличивалась плавно? Просто у меня блоки выпадают вот так:

$(document).ready(function () {
  var searchBlock = $('.portfolio-low1');
  $(document).on('click', '#open', function () {
    searchBlock.slideToggle();
    return false;
  });
});

И получается, что высота изменятся быстрее выпадения блоков. Смотрится немного криво.

[Сергей Горячев]

ilya_tsym, через css transition повесить на блок.

[ilya_tsym]

Сергей Горячев, спасибо большое, получилось)

Answer 2

[Павел]

$("#close").click(function(){ 
      $("#PORTFOLIO").css({height: 'auto'}); 
    });

но лучше классом)