jQueryでslideDown/slideUpした要素の下のブロック高さを、常にブラウザの高さに合わせたい

Question

前提・実現したいこと

CakePHPを使用して、データの検索/一覧表示画面を作成しています。
検索項目がたくさんあるので、詳細な条件についてはjQueryのslideDown/slideUp関数を使用して
任意で表示/非表示を切り替えられるようにしています。

検索結果の一覧は検索条件の下に表示されるのですが、
Excelの行列固定のような形で見せたいという要望があったので
ブラウザ上の検索条件の下を一つのブロックとし、overflow:scroll;を指定して
ボックス内でスクロールさせる、という手法を取りました。

この一覧表示が出力されているときに、検索条件で隠した状態のものを表示させたときに
検索条件のエリアの高さをouterHeight関数で取得し、切り替える度に一覧表示の高さを
設定し直す…ということをしているのですが、実際に取得できる値がslideDown/slideUpする以前の数値のようで
正しくリサイズされず、困っています。

どうにかこの問題を解決したいと思っています。
どなたか、お知恵をお借りできないでしょうか？
よろしくお願いいたします。

該当のソースコード

    // 詳細検索見出しがクリックされたとき
    $('#search_conditions_h').on('click', function() {
        if ($('#search_conditions').hasClass('hidden')) {
            $('#search_conditions').slideDown();
            // $('#search_conditions').slideDown(400, resize_list());
            $('#search_conditions').removeClass('hidden');
        } else {
            $('#search_conditions').slideUp();
            // $('#search_conditions').slideUp(400, resize_list());
            $('#search_conditions').addClass('hidden');
        }
        // resize_list();
        setTimeout(resize_list(), 5000);
    });


    function resize_list() {
        // 検索条件の縦幅を取得
        var window_height = $(window).height();
        var search_condition_box_height = $('#search_condition').outerHeight(true);
        var table_height = window_height - search_condition_box_height;
        $('.table_height').css('height', table_height + 'px');
    }

試したこと

• sildeDown/slideUp関数が完全に終わった後にリサイズするよう、setTimeout関数で実行時間を調整

→時間を極端に変更しても、特に取得できる値に影響がありませんでした

• slideDown/slideUp関数の引数に実行時間、コールバック処理を記載

→こちらもsetTimeout同様、あまり意味がありませんでした

• 最初に画面を表示したときにデフォルトの値を取得しておき、その値で計算していく

→ブラウザ幅を縮めたときなどの所為に対応しきれず断念しました

補足情報（FW/ツールのバージョンなど）

• jQueryバージョン：3.4.1

Answer 1

全体は見ていませんがsetTimeoutの使い方は間違っているようです。

// setTimeout(resize_list(), 5000); // resize_listがこの場で実行されて返り値がsetTimeoutに登録されている
//                       ↓
   setTimeout(resize_list, 5000);

Comments

[yukie1101]

ありがとうございます！
こんな初歩的なところだったとは…お恥ずかしい限りです。
本当に助かりました、ありがとうございました。