Как создать такой же блок «подробнее»?

Question

[GreenMan1899]

Как здесь

Answer 1

[ant1vit]

Readmore.js

У них такой код

$('.controller').on('click', function(){
            $this = $(this);
            $target = $this.siblings('.tall').eq(0);
            if($this.hasClass('less')){
                $target.animate({
                    height: xpander_init+'px',
                }, function(){
                    $this.removeClass('less').addClass('more');
                    $this.find('span').text('Подробнее');
                    $this.trigger('scrollto');
                });

            }else if($this.hasClass('more')){
                $target.animate({
                    height: $target.data('init-hg')+'px',
                }, function(){
                    $this.removeClass('more').addClass('less');
                    $this.find('span').text('Скрыть');
                    $this.trigger('scrollto');
                });
            }
            return false;
        }).on('scrollto', function(){
            $('body, html').animate({
                scrollTop: $(this).offset().top -
                           (window.innerHeight - $this.height()*2),
            }, 600);
        });

Comments

[GreenMan1899]

хотелось бы, чтобы у плагина были методы скрывания/раскрывания области, чтобы его можно было вызвать изнутри другого плагина. В моем случае чтобы при смене табов.

[ant1vit]

Этот код используется на сайте, на которую вы дали ссылку

Answer 2

[Максим Тимофеев]

Это же обычный аккордеон, миллион таких скриптов в сети:
https://yandex.ru/search/?text=jquery%20аккордеон&...

Comments

[GreenMan1899]

аккордеон же высоту в ноль делает, а тут определенная высота начальная есть

[Максим Тимофеев]

GreenMan1899: Аккордеон скрывает часть. Это то что Вам нужно

[Максим Тимофеев]

GreenMan1899: Посмотрите на код любого аккордеона и сделайте что бы скрывал tr после определенной. Можно таблице сделать класс collapse и через css скрывать, а по клику на кнопку просто toggleClass('collapse')

[Максим Тимофеев]

GreenMan1899: У них кстати избыточный код.

[Максим Тимофеев]

GreenMan1899: Вот написал за 5 минут:
https://jsfiddle.net/0os7y96t/

[rinatoptimus]

Максим Тимофеев: У вас при раскрытии, если экран небольшой высоты, блок уходит за пределы экрана.

[Максим Тимофеев]

rinatoptimus: повторюсь, это 5 минут писалось. Надо продумать все нюансы и доделать. Вы хотите, что бы я за Вас поработал?