javascript - 一番上のタブの高さに合わせる - スライドの高さを設定する

Question

アコーディオン/スライドタブ内でjquery idtabsのバリエーションを使用しています。

スライドの高さは #tab1 コンテンツのコンテンツによって設定されますが、多くの場合、これは最も高いタブではありません。その結果、他のタブのコンテンツが完全に表示されない場合があります。

スライドのコードは次のとおりです。

                <script>
            $(function(){
                var slideHeight = 305; // px
                var defHeight = $('#wrap').height();
                if(defHeight >= slideHeight){
                    $('#wrap').css('height' , slideHeight + 'px');
                    $('#read-more').append('<a href="#">SHOW MORE</a>');
                    $('#read-more a').click(function(){
                        var curHeight = $('#wrap').height();
                        if(curHeight == slideHeight){
                            $('#wrap').animate({
                              height: defHeight
                            }, "normal");
                            $('#read-more a').html('SHOW LESS');
                            $('#gradient').fadeOut();
                        }else{
                            $('#wrap').animate({
                              height: slideHeight
                            }, "normal");
                            $('#read-more a').html('SHOW MORE');
                            $('#gradient').fadeIn();
                        }
                        return false;
                    });
                }
            });

            </script>

元のコードで次のバリエーションを使用すると問題が解決すると確信していますが、スクリプトを正常にマージできるようです。

                <script>

                $(function(){

                var heighest = 0;
                $('#wrap').each(function(){
                    heighest = ($(this).height() > heighest) ? $(this).height() : heighest;

                });

                $('#wrap').css('height',heighest + 'px');

            });

            </script>

任意のヘルプ/提案をいただければ幸いです - これは私の分野ではなく、私は写真の男です。

ありがとう。