jquery アコーディオン内の要素の高さを揃えたい

Question

jqueryを使用してアコーディオンを実装したのですが、その要素内のブロックの高さを揃えるために

http://urin.github.io/jquery.tile.js/

こちらのjsを利用しました。
しかし、アコーディオンを開くと高さがheight:0px;になってしまいます。

このようにdisplay:none;されている要素が出現した際にjsが効くようにするにはどのように記述すればいいのでしょうか。色々調べてみたのですが、いまいち要点が掴めないでおります。。

ご教示何卒よろしくお願いいたします。

下記jsのソースになります。
tileという関数は上記のtile.jsを読み込ませてあります。

$(".acoCont").css("display", "none");
$( '.triggerTap' ).on('click', function () 
{
    var carouselCont = $("+.acoCont .itemCarousel", this).children(".owl-carousel");
    setTimeout(function ()
    {
        carouselCont.owlCarousel(
        {
            loop : true, 
            nav : true, 
            navigation : true, 
            pagination : false, 
            rewindNav : false,
            margin : 20, 
            items : 4, 
        });
    }, 100);
    if ($("+.acoCont", this).css("display") === "none") 
    {
        $("+.acoCont", this).slideDown(200);
    }
    else 
    {
        $("+.acoCont", this).slideUp(200);
    }
});
$(".acoCont .itemCarousel ul li").tile();

Answer 1

初心者＆初めての回答なので、、色々ご了承ください。

該当JS見せてもらえませんか？

Comments

[hiro421]

ご返信ありがとうございます。
ソースを追記いたしました。
よろしくお願いいたします。

[退会済みユーザー]

回答しながら勉強しながらなので、本当に申し訳ないですが･･。
ーーーー

アコーディオンの中にカルーセルがあるんですね。
if文内の
$("+.acoCont", this).slideDown(200);
の所に
$(".acoCont .itemCarousel ul li").tile();
これ入れても動きませんでした？

$(".acoCont .itemCarousel ul li").css("height","XXXXX");
とかでも解決しそう。

というかCSS側で解決しそうな気もしますね。

ズバッ！と解決方法提示できず申し訳ないです。